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：

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

有没有人有类似的问题？

Stack是Angular 4，Chrome，Windows 10。

Answer 1

您需要从<label for="theButton">Button</label> <input name="theButton" type="button" value="Click me"> <label for="theTextBox">Button</label> <input name="theTextBox" type="text">复制css内容，并将内容粘贴到应用程序node_modules\angular-tree-component\distangular-tree-component.css文件夹下的styles.css文件中。

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

styles.css

这将解决问题。