NG-ALAIN- CURD
st表格 sv查看 se编辑 cell单元格数据 sf动态表单 LIB
- 基础
hotkey热键 mediaHTML5媒体 reuse-tab路由复用标签 loading加载指示符 pdfPdf lodopLodop打印 xlsxExcel 操作 Observers观察者 onboarding用户引导流程 zipZip 操作 图表G2 LIB count-down倒计时 down-file下载文件 主题系统 LIB 工具集 LIB
- 表单
range-picker日期范围 error-collect表单异常消息采集器
- 布局
sg简易栅格 ellipsis文本自动省略号 exception异常 footer-toolbar底部工具栏 full-content全屏工作区 global-footer全局页脚 page-header页头 tag-select标签选择器
- 业务
用户认证 LIB notice-icon通知菜单 quick-menu快速菜单 访问控制列表 LIB 缓存 LIB Mock模拟数据 LIB
- 其它
auto-focus自动获得焦点
快速菜单，用于右侧隐式辅助列表。
代码演示
点击右侧问号切换状态菜单。
import { Component } from '@angular/core';
import { QuickMenuComponent } from '@delon/abc/quick-menu';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzListModule } from 'ng-zorro-antd/list';
@Component({
selector: 'components-quick-menu-simple',
template: `
<button nz-button type="button" (click)="expand = !expand">{{ expand ? '收缩' : '展开' }}</button>
<quick-menu [(expand)]="expand">
<nz-list [nzBordered]="false" [nzSplit]="false">
<nz-list-item><a href="#">Link1</a></nz-list-item>
<nz-list-item><a href="#">Link2</a></nz-list-item>
<nz-list-item><a href="#">Link3</a></nz-list-item>
<nz-list-item><a href="#">Link4</a></nz-list-item>
<nz-list-item><a href="#">Link5</a></nz-list-item>
</nz-list>
</quick-menu>
`,
imports: [NzButtonModule, QuickMenuComponent, NzListModule]
})
export class ComponentsQuickMenuSimpleComponent {
expand = false;
}