2017-11-13 5 views
0

私は角型アプリにprimengツリーを追加しようとしています。私はwebpackでangular 4(4.0)を使用しています。 WebPACKのでprimeng - ツリー - 静的でインタラクティブでないフォルダ

、私は次のように追加しました:

'font-awesome/css/font-awesome.css', 
'primeng/primeng', 
'primeng/resources/themes/omega/theme.css', 
'primeng/resources/primeng.min.css', 

例えば、私がバンドルされたCSSをチェックすると、すべてが中や作業であるように、それはそうです。

私は遅延ロードを使用していますので、私は再びこれを追加しました

import { TreeModule } from "primeng/components/tree/tree"; 

私app.moduleにツリーメニューを輸入し、輸入

imports: [TreeModule] 

にそれを追加しました私の怠惰な読み込みモジュール。

私はexampleを追加しようとしています。私の実際のコンポーネントには、以下を追加しました。

import { TreeNode } from "primeng/primeng"; 

これは、私はそれが展開しないフォルダをクリックした場合には、次のフォルダ構造を示しているが、私のテンプレート

<p-tree [value]="files"></p-tree> 

です。それは完全に静的ですが、私はそれがトップレベルの項目を表示する何らかの方法で動作している必要がありますと推測しています。

enter image description here

+0

ファイルが何の仕事を始めましたか?あなたが完全に設定した '子どもたち 'を見せてください。 –

+0

ngprimeの例と同じです - https://github.com/primefaces/primeng/blob/master/src/assets/showcase/data/files.json – user2859298

+0

ブラウザのjavascriptコンソールにエラーがありますか? compnentが表示されているか、ツリーノードをクリックしたとき? –

答えて

0

は4.4.5へのすべての角のパッケージを更新し、すべてが

関連する問題