PrimeNG中的分层菜单

Question

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

​

​

我使用此命令-> npm install primeng --save在我的项目中安装PrimeNG，并在我的app.module.ts -> import {TieredMenuModule} from "primeng/primeng"中导入TieredMenuModule。然后我创建组件并导入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>

毕竟我得到了这个：

​

​

按钮不是蓝色的，也没有标签。

可能在风格上有问题，或者我不再引入更多的东西？

Answer 1

不是导入组件中的所有css，而是导入css对象下的angular-cli.json文件中的所有css，如下所示-

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