如何访问角度路由器变量

时间:2017-09-15 01:02:49

标签: angular

我使用的是最新版本的Angular,我相信它是NG4。

我的路线如下:

{ path: 'banner/:set', component: AffiliateBannerComponent },

转换为网址:

https://www.example.com/banner/set1
https://www.example.com/banner/set2
https://www.example.com/banner/set3

当链接到每个横幅集时,我只需将导航设置为:

<li><a [routerLink]="['/affiliate/banner', 'set1']">Banner Set 1</a></li>
<li><a [routerLink]="['/affiliate/banner', 'set2']">Banner Set 2</a></li>
<li><a [routerLink]="['/affiliate/banner', 'set3']">Banner Set 3</a></li>

从我想要的代码中获取&#34; set1&#34;来自路线的变量。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

在您的组件中注入 ActivatedRoute ,您将能够提取路线参数

variableName:string;
ngOnInit(){
    this.route.params.subscribe( params =>
        this.variableName = params['set'];
    )
}