2017-12-04 7 views
0

角度2ツリーライブラリは簡単なBasic Usage exampleです。しかし、プロジェクトに入れると、ルートノードだけがレンダリングされます。言い換えれば、ツリーには親(rootA、rootB)と子があるはずです。角度2ツリーはルートノードのみを表示します

export class App { 
    nodes = [ 
    { 
     id: 1, 
     name: 'rootA', 
     children: [ 
     { id: 2, name: 'child1' }, 
     { id: 3, name: 'child2' } 
     ] 
    }, 
    { 
     id: 4, 
     name: 'rootB', 
     children: [ 
     { id: 5, name: 'child2.1' }, 
     { 
      id: 6, 
      name: 'child2.2', 
      children: [ 
      { id: 7, name: 'subsub' } 
      ] 
     } 
     ] 
    } 
    ]; 

私はルートノードしか表示していません。

そこには、コンパイルの問題はありません、と私はCSSのインポートを含めました:

@import '~angular-tree-component/dist/angular-tree-component.css'; 

は誰でも同様の問題がありましたか?

enter image description here

スタックは、あなたがnode_modules\angular-tree-component\distangular-tree-component.cssからCSSの内容をコピーして、アプリケーションのsrcフォルダの下に存在styles.cssファイルに内容を貼り付ける必要があり4、クロム、Windowsの10

答えて

0

角度です。

または、この文をstyles.cssファイルに追加することもできます。

@import '~angular-tree-component/dist/angular-tree-component.css'; 

これで問題は解決します。

関連する問題