angular – 当相同组件加载不同数据时,不会调用ngOnInit

前端之家收集整理的这篇文章主要介绍了angular – 当相同组件加载不同数据时,不会调用ngOnInit前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个有角度的2应用程序,我使用路由器在视图之间导航,就像其他人一样.以下是我的特定组件的路径:
{
    path: 'home/view1/:viewID',component: ViewComponent,children: [
        { path: 'pane/:paneId/section/:sectionId',component: SectionEditComponent },{ path: '**',component: ViewEditComponent }
    ]
},

现在,我在ViewComponent上有两个按钮,为section1和section2加载SectionEditComponent.

Path1:pane / 1 / section / 1
路径2:窗格/ 1 /部分/ 2

ViewComponent模板:

<div class="col-md-8" style="background-color: white; height: 100%">
       <button (click)="loadPath(1)">Path1</button>
       <button (click)="loadPath(2)">Path2</button>
       <router-outlet></router-outlet>
   </div>

现在,当我从同一ViewComponent中的Path1-> Path2或Path2-> Path1导航时,不会调用ngOnInit(),因此不会加载新路径,即使url实际上根据新的部分ID更改.

这是已知的还是预期的行为?有什么我做错了吗?

注入路径并订阅参数更改
constructor(route:ActivatedRoute) {
  route.params.forEach(params => {
    myInit(params['paramId']);
  });
}
原文链接:https://www.f2er.com/angularjs/140467.html

猜你在找的Angularjs相关文章