[routerLink]="['./']" routerLinkActive [routerLinkActiveOptions]="{exact: true}" #rla1="routerLinkActive" [active]="rla1.isActive">Test A {{ rla1.isActive }}</a> <a mat-tab-link [routerLink]="['test-b']" routerLinkActive #rla2="routerLinkActive" [active]="rla2.isActive"...
<a routerLink="/user/bob" routerLinkActive="class1 class2">Bob</a> <a routerLink="/user/bob" [routerLinkActive]="['class1', 'class2']">Bob</a> 在应用routerLinkActive指令时,你也可以通过routerLinkActiveOptions参数,来配置 URL 的匹配方式,具体如下: <a routerLink="/user/bob" routerLi...
route.params.subscribe(_=>this.id =_.id); } openPopup(e) {this.router.navigate([{outlets: {popup: ['message',this.id]}}]).then(_ =>{//navigation is done}); } } 一种是利用router-link方式: @Component({ template: `<a [routerLink]="['/', {outlets: {popup: ['message', thi...
When we define router in Angualr 2, we use @RouteConcfig() When we want to display component, we use <router-outlet> When we want to navigate to component, we use [routerLink]="['routerName']" When we want to access router params, we use RouterParams When we want to access Rotuer...
<ul><li><a[routerLink]="'1'"routerLinkActive="active"[routerLinkActiveOptions]="{exact: true}">Hero 1</a></li></ul> 1. 2. 3. 4. 5. 6. 7. heros.routers.ts: import {HerosComponent}from"./heros.component"; import {RouterModule}from"@angular/router"; ...
<a [routerLink]="['/users']" [queryParams]="{'login': '1'}">Authorized Navigation</a> 导航到 /users, 传入查询参数 login=1(详情请看路由守卫一节) 每当路由器检测到对路由器链接指令的点击时,它就会启动导航循环。启动导航也有其他的方式,例如路由服务的navigate和navigateByUrl方法。
| [](https://github.com/angular/angular/commit/422323cee00192239d1ab279e6a7c3a808098169) | improve typings for RouterLink boolean inputs (#47101) | | [ ...