在Angular Primeng Menubar中,要访问方法,需要使用ViewChild引用menubar组件。然后,你可以使用menubar组件的方法来执行所需的操作。以下是代码示例:
HTML模板:
组件代码:
import { Component, ViewChild } from '@angular/core';
import { Menubar } from 'primeng/menubar';
@Component({
selector: 'app-menu',
templateUrl: './menu.component.html',
})
export class MenuComponent {
items = [
{ label: 'File', icon: 'pi pi-fw pi-file' },
{ label: 'Edit', icon: 'pi pi-fw pi-pencil' },
{ label: 'Help', icon: 'pi pi-fw pi-question' },
];
@ViewChild('menu') menubar: Menubar;
doSomething() {
this.menubar.show();
}
}
在这个示例中,我们在HTML模板中使用了Primeng Menubar组件,并给它一个本地引用名'#menu'。在组件代码中,我们使用@ViewChild装饰器引用了这个menu组件,并定义了一个doSomething()方法。这个方法通过调用menubar组件的'show()'方法来显示这个组件。
这样,我们就可以从组件代码中访问Menubar组件的方法了。