在Angular 8中,你可以使用ng-template和NG-ZORRO来绑定nzAction。下面是一个示例代码:
app.component.html:
- Action 1
- Action 2
- Action 3
app.component.ts:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
action1() {
console.log('Action 1');
}
action2() {
console.log('Action 2');
}
action3() {
console.log('Action 3');
}
}
在上面的示例中,我们使用了ng-template来创建一个菜单模板。然后,我们使用nz-button和nzDropdownMenu指令将菜单与按钮关联起来。在菜单模板中,我们使用nz-menu和nz-menu-item指令创建了一些可选择的菜单项,并为每个菜单项添加了点击事件。当用户点击菜单项时,对应的点击事件将被触发,并在控制台中打印相应的消息。
请确保你已经安装了NG-ZORRO和Angular 8,并在app.module.ts中导入了相应的模块。
上一篇:Angular8 - [tinymce]库 - 编辑器元素和设置多行
下一篇:Angular8 AngularFireAuth:authState.map用于Guard的canActivate()错误:类型'Observable<User>'上不存在属性'map'。