PrimeNG 中的分层菜单答案

【问题标题】：Tieredmenu in PrimeNGPrimeNG 中的分层菜单
【发布时间】：2023-03-14 16:50:01
【问题描述】：

Angular 2，v. 2.0.0 + PrimeNG。我会像这样实现弹出菜单：

我使用这个命令在我的项目中安装 PrimeNG -> npm install primeng --save，并在我的 app.module.ts 中导入 TieredMenuModule -> import {TieredMenuModule} from "primeng/primeng"。然后我创建组件并导入 MenuItem -> import {MenuItem} from 'primeng/primeng'，以及来自 node_modules 的所有样式（当然在我的组件中）：

import "../../../node_modules/primeng/resources/primeng.min.css"; 
import "../../../node_modules/primeng/resources/themes/omega/theme.css"; 
import "../../assets/font-awesome/css/font-awesome.min.css";

然后我添加private items: MenuItem[]和ngOnInit()函数：

 public ngOnInit(): void {
    this.items = [ ... ]
 }

在我的模板中，我通过了这段代码：

<p-tieredMenu #menu [model]="items" [popup]="true"></p-tieredMenu>
<button #btn type="button" pButton icon="fa fa-list" label="Show" (click)="menu.toggle($event)"></button>

毕竟我明白了：

按钮不是蓝色且没有标签。

可能是样式问题，或者我没有再导入一件东西？

【问题讨论】：

标签： angular primeng

【解决方案1】：

而不是将组件中的所有 css 都导入到 css 对象下的 angular-cli.json 文件中，就像这样 -

"styles": [
    "../node_modules/primeui/primeui-ng-all.min.css",
    "...."
],

【讨论】：

@EduardArevshatyan 您的欢迎 :)
在菜单标签中添加href怎么样？或任何外部 window.location.href - "" 来标记？还有什么方法可以在此实现菜单搜索？
@RanveerSinghRajpurohit 你想说什么？没明白你的意思
我的意思是添加标签链接以导航到任何页面？另一个是如果我有 1000 个菜单，我如何从中搜索一个