0
我有2個模塊的角4應用程序:menu
和app
。菜單模塊以樹形式顯示一些數據。我爲此使用了angular2-tree
庫。爲什麼數據不以樹形式顯示?
這是我MenuComponent
:
import { Component, OnInit,Input } from '@angular/core';
import {
TreeComponent,
TreeNode,
} from 'angular-tree-component';
@Component({
selector: 'menu',
templateUrl: './menu.component.html',
styleUrls: ['./menu.component.css']
})
export class MenuComponent {
constructor() { }
nodes = [
{
id: 1,
name: 'root1',
children: [
{ id: 2, name: 'child1' },
{ id: 3, name: 'child2' }
]
},
{
id: 4,
name: 'root2',
children: [
{ id: 5, name: 'child2.1' },
{
id: 6,
name: 'child2.2',
children: [
{ id: 7, name: 'subsub' }
]
}
]
}
]
}
這是此組件的HTML:
<div class="Tree">
<tree-root [nodes]="nodes">
<ng-template #treeNodeTemplate let-node let-index="index">
<a><span>{{ node.data.id }}</span></a>
</ng-template>
</tree-root>
</div>
我想在我的AppComponent
測試這個組件,所以我用它選擇叫菜單:
<menu></menu>
而不是在樹中獲取數據形式,我只得到ID爲1和4的元素,但沒有他們的孩子。不知道爲什麼會發生。
奇怪的是,如果我使用<router-outlet>
它工作得很好。
不,我不需要那樣做。 'angular2-tree'庫應該照顧到這一點。 – eli