PrimeNG树用

Question

我有一个带有angular2

的PrimeNG树的问题

这是我在product_tree.component.ts中的代码：

constructor(private http: HttpClient, private productsService: ProductsService) {
        this.productsService.getProductsClassesTitles().subscribe(data => {
            /*
                        files.data.push({label:"item1",data:"item1",expandedIcon: "", collapsedIcon: "", children: []});
            */
          //  for (let title of data) {
            for ( let title of data ) {
                this.filesTree4.push({
                    label: title,
                    children: this.filesTree4

                });
            }
         //   }
        })
    }

我在product_tree.component.html中的代码：

<p-tree [value]="filesTree4" selectionMode="checkbox" [(selection)]="fileTree4"></p-tree>

问题是输出不是树，但它显示了一个无序列表，如下所示： enter image description here

Answer 1

你错过了在你的应用程序中实现primeng的东西。 在package.json中添加font-awesome并保存并运行npm install

"dependencies": {
  "font-awesome": "^4.7.0"
}

然后，如果您使用的是角度cli，请在angular-cli.json

中添加

"styles": [
  "styles.css",
   "../node_modules/font-awesome/css/font-awesome.min.css",
   "../node_modules/primeng/resources/themes/omega/theme.css",
   "../node_modules/primeng/resources/primeng.min.css",
]

让我知道它是否有效。