如果我将链接移动到子组件,我的路由器链接将从根组件和相同的链接工作. plunker代码显示工作链接和非工作链接.先感谢您.以下是不工作的链接.
//our root app component import {Component} from '@angular/core' @Component({ selector: 'my-menu',template: ` <div> <a routerLink="/comp11" routerLinkActive="active">Crisis Center</a> | <a routerLink="/comp12" routerLinkActive="active">Heroes</a> | <a routerLink="/comp21" routerLinkActive="active">Heroes</a> | <a routerLink="/comp22" routerLinkActive="active">Heroes</a> </div> `,}) export class AppLayout {}
您应该在AppLayoutModule中导入RouterModule,使其如下所示:
import {NgModule} from '@angular/core' import {BrowserModule} from '@angular/platform-browser' import {AppLayout} from './layout.component'; import {RouterModule} from '@angular/router'; @NgModule({ imports: [ BrowserModule,RouterModule ],declarations: [ AppLayout ],exports: [ AppLayout ] }) export class AppLayoutModule {}
没有它,组件不知道routerLink是什么,也不编译它来纠正href属性.
更新了Plunker here
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。