primeng树不显示项目

Question

我有一个primeng树，它可以很好地显示它所读取的数据。

html包含以下代码段

     <!--style="width: 85%; height: 400px"-->
     <p-tree

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

现在我想调整树形控件的大小。当我添加上面的行

         <p-tree
             style="width: 85%; height: 400px"
             [value]="filesTree4"
             selectionMode="checkbox"
             [(selection)]="selectedFiles2">
     </p-tree>

评论的，现在图像变为

任何人都能看到我做错了什么？

Answer 1

我认为您使用的语法存在两个问题。

首先，您必须绑定到primeng组件的样式输入，而不是尝试内联样式字符串。

其次，使用样式属性将JSON对象传递给样式输入。

例如，这应该对你有用：

<p-tree
  [style]="{'width': '85%', 'height': '400px'}"
  [value]="filesTree4"
  selectionMode="checkbox"
  [(selection)]="selectedFiles2">
</p-tree>