【angular】angualr中实现js跳转路由

发布时间：2020-12-17 08:25:02 所属栏目：安全来源：网络整理

导读：1.引入 import { Router } from '@angular/router' ; 2.初始化 export class HomeComponent implements OnInit constructor ( private router : Router ) ngOnInit () goNews (){ // this.router.navigate(['/news',hero.id]); this . router . navigate ([

1.引入

import { Router} from '@angular/router';

2.初始化

exportclassHomeComponentimplementsOnInit
    constructor(private router:Router)

    

  ngOnInit()
  

  goNews(){
      //  this.router.navigate(['/news',hero.id]);

this. router. navigate([ '../exammode-detail'],{ relativeTo: this. route}

}

3.路由跳转

import{ ExammodeDetailComponent} from './exammode-detail/exammode-detail.component'

export const exammodeRoutes =

[

{ path: 'exammode-detail',component:ExammodeDetailComponent}

]

4.路由跳转的时候也可以带参数

this. router. navigate([ '../questiondetail/'+ j+ "/"+ "ccc"],{ relativeTo: this. route});

在routes.ts中则为

{ path: 'questiondetail/:i/:questionTypeName',component:DetailQuestionComponent}]

（编辑：李大同）

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