hedwi-app-menu
v0.0.6
Published
应用菜单组件库,用于在多个项目中复用「更多应用」下拉菜单(Mail、Contacts、Calendar、Chat、Drive 等)。
Downloads
625
Readme
hedwi-app-menu
应用菜单组件库,用于在多个项目中复用「更多应用」下拉菜单(Mail、Contacts、Calendar、Chat、Drive 等)。
在本项目中使用
在 app.module.ts 中:
import { HedwiAppMenuModule } from "../../projects/hedwi-app-menu/src/public-api";
@NgModule({
imports: [ ..., HedwiAppMenuModule ],
...
})在模板中(例如放在 mat-menu 内):
<mat-menu #appMenu="matMenu" class="app-menu">
<hedwi-app-menu
[baseUrl]="environment.baseurl"
[cacheTs]="cacheTs"
></hedwi-app-menu>
</mat-menu>在其它项目中使用
- 复制库目录:将
projects/hedwi-app-menu复制到目标项目的projects/下,并在目标项目中用相对路径或 path 引用public-api。 - 发布为 npm 包(可选):在库目录执行
ng build hedwi-app-menu(需在 angular.json 中注册该库项目),将dist/hedwi-app-menu发布后,在其它项目中npm i hedwi-app-menu并import { HedwiAppMenuModule } from 'hedwi-app-menu'。
API
- baseUrl (
string):静态资源基础 URL,如environment.baseurl。 - cacheTs (
string):缓存时间戳,用于 URL 防缓存。 - apps (
HedwiAppItem[],可选):应用列表;不传则使用内置默认列表。每项包含path、icon、name、extra、groupIndex。名称显示使用每项的name,多语言由主项目在传入前自行翻译。
导出类型与常量:HedwiAppItem、HEDWI_APP_MENU_DEFAULT_APPS。
