Angular 角度2:为什么';t routerLink添加“;“路由器链路激活”;类到我的指令模板中的链接?
这是我的主要组件的精简版本,它是自举的,定义了一条路由Angular 角度2:为什么';t routerLink添加“;“路由器链路激活”;类到我的指令模板中的链接?,angular,angular2-routing,Angular,Angular2 Routing,这是我的主要组件的精简版本,它是自举的,定义了一条路由 import { Component } from "angular2/core"; import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from "angular2/router"; import { DashboardComponent } from "./components/dashboard/dashboard.component";
import { Component } from "angular2/core";
import {
RouteConfig,
ROUTER_DIRECTIVES,
ROUTER_PROVIDERS
} from "angular2/router";
import { DashboardComponent } from "./components/dashboard/dashboard.component";
@RouteConfig([
{
path: "/dashboard",
name: "Dashboard",
component: DashboardComponent,
useAsDefault: true,
},
])
@Component({
selector: "my-app",
templateUrl: "app/app.component.html",
directives: [
ROUTER_DIRECTIVES
],
providers: [
ROUTER_PROVIDERS
]
})
export class AppComponent {}
在主组件对应的HTML中,路由器链接活动类被添加到活动链接中
<nav class="global-navigation">
<a [routerLink]="['Dashboard']">View All</a>
<a [routerLink]="['Tag',{tagName:'CSS'}]">CSS</a>
</nav>
<main class="main-content">
<router-outlet></router-outlet>
</main>
<orbital-notes-list></orbital-notes-list>
<a [routerLink]="['Tag', {tagName:'CSS'}]">Testing</a>
<a [routerLink]="['Dashboard']">Back</a>
在仪表板HTML中,路由器链接活动类未添加到活动链接
<nav class="global-navigation">
<a [routerLink]="['Dashboard']">View All</a>
<a [routerLink]="['Tag',{tagName:'CSS'}]">CSS</a>
</nav>
<main class="main-content">
<router-outlet></router-outlet>
</main>
<orbital-notes-list></orbital-notes-list>
<a [routerLink]="['Tag', {tagName:'CSS'}]">Testing</a>
<a [routerLink]="['Dashboard']">Back</a>
测试
返回
我找不到解决办法。我肯定遗漏了一些东西。不确定,但我认为报告了您看到的情况。@EricMartinez提到的问题是,它确实将类
路由链接添加到活动的
,但添加到所有子路由,如果您有嵌套路由,则会发生。是吗?你真的和多姆商量过了吗?你确定它真的没有添加路由链接活动
吗?所以澄清一下,路由器链接活动类在我的主组件模板中的工作与预期一样。链路工作,路由器链路活动类被添加到活动链路。我的主要组件配置了2条路由,包括“/仪表板”(为了简化代码,我删除了其中一条路由)。在我的DashboardComponent模板中,我列出了2个带有[routerLink]的链接,这些链接同样有效,唯一的问题是没有添加router link活动类。这很奇怪,一定很简单,因为我刚刚开始学习Angular2。路由器链接活动绝对没有添加到路由中*绝对没有添加到仪表板组件模板中