我尝试在Angular中遍历我的子组件,每个子组件都有一个data属性,该属性在我的html页面中使用。但是我总是生一个孩子,而不是2个或3个。
path: 'home/client/:id',
component: ClientPage,
canActivate: [AppAuthGuard],
children: [
{
path: '',
component: ClientIdentificationComponent,
data: { title: 'Client' },
canActivate: [AppAuthGuard]
},
{
path: 'involvements',
component: ClientContextPageComponent,
data: { title: 'Involvements' },
canActivate: [AppAuthGuard],
}
]
所以当我在ClientPage中输入ngOnInit()函数
ngOnInit() {
initializeToolTip();
initializePattern();
initializeTabs();
this.children = this.route.children;
this.children.forEach(route => {
route.data.subscribe(data => {
console.log(data);
})
});
}
在这里,this.route.childeren的大小为1。