angular – 动态设置路由器插座名称

发布时间：2020-12-17 07:01:41 所属栏目：安全来源：网络整理

导读：是否可以以角度2动态设置路由器插座的名称？我需要创建一个包含路由器插座的通用组件. 模板示例： nav class="nav menu" a *ngFor="let navRoute of navigationRoutes" class="nav-link" [class.selected]="navRoute.isActive" (click)="onActivated(navRou

是否可以以角度2动态设置路由器插座的名称？
我需要创建一个包含路由器插座的通用组件.

模板示例：

<nav class="nav menu">
    <a *ngFor="let navRoute of navigationRoutes" class="nav-link" [class.selected]="navRoute.isActive" (click)="onActivated(navRoute.route)">{{navRoute.header}}</a>
</nav>
<router-outlet name=[[DO SOME BINDING HERE]]></router-outlet>

navigationRoutes& name是组件@inputs

解决方法

据我所知,这项工作已有一段时间了

<router-outlet [name]="propertyWithOutletName"></router-outlet>

试图实施它但没有完成.

https://github.com/angular/angular/pull/12550

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!