angular项目routerLink的用法 有更新!

 
评论 • 12 浏览

    记录小知识:

    1.第一种:
    直接在标签里面添加(案例是跳转到heroes的component)
    <a routerLink="/heroes">Heroes</a>
    <a routerLink="/heroes/{{id}}">Heroes</a>
    <a [routerLink]="['/heroes']" [queryParams]="{id:1}">Heroes</a>

    2.第二种
    在ts文件里面用click事件动态的在标签上添加链接
    <button (click)="jump(data)">跳转</button>
    `
    jump(event) {
    this.router.navigate([‘heroes’, {id: event.id}]);
    // 第二种

    }
    `

    3.第三种
    在module的toutes路径里面添加带参数的链接
    { path: 'detail/:id', component: HeroDetailComponent }

    4.接收数据ActivatedRoute.snapshot.params[‘id’]

    版权声明:本文为博主原创文章,欢迎大家转载,但需保留文章链接。个人博客地址:http://www.wenboblogs.cn
    评论
    validate