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> 

の上、コメント1の行を追加すると、今の画像は、私が間違っているの何

誰もが見るなり？

Answer 1

使用している構文に2つの問題があると思います。

まず、スタイル文字列をインライン化するのではなく、primengコンポーネントのスタイル入力にバインドする必要があります。

第2に、スタイルプロパティでスタイル入力にJSONオブジェクトを渡します。

したがって、たとえば、これはあなたのために働く必要があります。

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