Angular 2 Routerlink * ngIf with Param

时间:2017-12-11 09:24:56

标签: javascript angular typescript angular2-routing

我有以下路由器链接,其中包含一个参数:

http://localhost:4200/item/1

我如何用param做一个* ngIf .... 我尝试了以下

<div *ngIf="router.url === '/item/:item_id'">
</div>

我运行此* ngIf的组件是一个未连接到itemComponent的标题组件

1 个答案:

答案 0 :(得分:1)

您是否尝试过使用ActivatedRoute。 导入到您的组件

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

然后获取您的网址值如下..

constructor(private route: ActivatedRoute) {
 this.route.params.subscribe(params => {
  this.item_id = +params['item_id'];

});

之后,实现DOM视图的逻辑。