主菜单中的标签菜单

我想在标签菜单中加载组件模板.

this.items = [
    {label: 'Contacts', icon: 'fa-bar-chart'},
    {label: 'Call Logs', icon: 'fa-calendar'} 
];

这是我的代码.它显示两个菜单联系人和通话记录.当我点击我要加载的conatct菜单contactcomponent.html时,点击通话日志菜单加载calllogscomponent.html.我该如何实现呢？

如果这是您的顶级菜单(或者您希望设置主页面URL),请考虑使用路由器.这将自动与路由器中设置的当前"页面"同步:

https://www.primefaces.org/primeng/#/menumodel

export class MenuDemo implements OnInit {

    private items: MenuItem[];

    ngOnInit() {
        this.items = [{
            label: 'File',
            items: [
                {label: 'New', icon: 'fa-plus', url: 'http://www.primefaces.org/primeng'},
                {label: 'Open', icon: 'fa-download', routerLink: ['/pagename']}
            ]
        }];
    }
}