如何检查子路由器是否处于事件状态,以 Angular 4 显示状态 true 或 false,
现在我正在使用:
/*
@ Angular/cli:1.4.4
节点:8.6.0
typescript :2.3.4
@ Angular/路由器:4.4.4
*/
我的父路线是:
const routes:Routes=[
{
path: '', component: SummaryOfFindingsComponent,
children:[
{
path:'data-time-frame', component: DataTimeFrameComponent
},
{
path:'email-address', component: EmailAddressesComponent
},
{
path:'repair-orders', component: RepairOrdersComponent
},
{
path:'total-records', component:TotalRecordsComponent
},
{
path:'unique-households', component: UniqueHouseholdsComponent
},
{
path:'unique-vins', component: UniqueVinsComponent
}
]
}
]
父组件是:
export class SummaryOfFindingsComponent implements OnInit {
isUserSelected;
constructor() { this.isUserSelected=false; }
ngOnInit() { }
isUserItemSelect(){
this.isUserSelected=true;
}
}
最佳答案
导入你的父组件.ts
import { ActivatedRoute } from '@angular/router';
和生命周期钩子(Hook) ngOnInit() 并创建 ActivatedRoute 的 Refarence
constructor(private activeRouter:ActivatedRoute) {}
并在此处的 ngOnInit 函数中编写一些代码..
ngOnInit() {
var _activeChild = this.activeRouter.children.length;
if (_activeChild!=0) {
//your active children 1 or more than children then active 1,otherwise it is 0
}
}
注意:此代码正在我的应用程序中运行(谢谢)
关于angular - 如何检查来自父路由器或父路由器的事件子路由器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46722761/