角2树只显示根节点

Question

Angular2树库有一个简单的 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';

有没有人遇到过类似的问题？

​

​

堆栈是角4，Chrome，Windows 10。

Answer 1

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

或者，也可以将此语句添加到styles.css文件中。

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

这将解决问题。