Angular 2树仅显示根节点

Question

angular2-tree库有一个简单的Basic Usage example。但是，当我将它放入我的项目时，只渲染根节点。换句话说，树应该有父母（rootA，rootB）和孩子，

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';

有没有人有类似的问题？

Stack是Angular 4，Chrome，Windows 10。

Answer 1

您需要从node_modules\angular-tree-component\distangular-tree-component.css复制css内容并将内容粘贴到应用程序的styles.css文件夹下的src文件中。

或者您也可以在styles.css文件中添加此语句。

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

这将解决问题。