Angularjs4.0路由的动态传值

幽梦林子

Angularjs4.0路由的动态传值是如何操作的呢？我们可以通过以下两个步骤来完成：


1.配置动态路由

1. const routes: Routes = [
   
2. 
   
3.   {path: 'home', component: HomeComponent},
   
4.   {path: 'news', component: NewsComponent},
   
5.   {path: 'newscontent/:id', component: NewscontentComponent},
   
6.   {
   
7.     path: '',
   
8.     redirectTo: '/home',
   
9.     pathMatch: 'full'
   
10.   }
    
11.   
    
12. ];

复制代码

2.获取动态路由的值

1. import { Router, ActivatedRoute, Params } from '@angular/router';

复制代码

1. constructor(  private route: ActivatedRoute) {
   
2. 
   
3.   }

复制代码

1. ngOnInit() {
   
2. 
   
3.     console.log(this.route.params);
   
4.   }

复制代码