javascript - 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

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

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

其次，您将一个 JSON 对象传递给带有您的样式属性的样式输入。

例如，这应该适合您:

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