【问题标题】:Angular 2 Routerlink *ngIf with ParamAngular 2 Routerlink *ngIf 与参数
【发布时间】:2017-12-11 09:24:55
【问题描述】:
我有以下包含参数的 routerlink:
http://localhost:4200/item/1
我将如何使用参数执行 *ngIf ....
我尝试了以下
<div *ngIf="router.url === '/item/:item_id'">
</div>
我运行这个 *ngIf 的组件是一个没有连接到 itemComponent 的头组件
【问题讨论】:
标签:
javascript
angular
typescript
angular2-routing
【解决方案1】:
您是否尝试过使用ActivatedRoute。
导入到您的组件中
import { ActivatedRoute } from '@angular/router';
然后获取您的 url 值如下..
constructor(private route: ActivatedRoute) {
this.route.params.subscribe(params => {
this.item_id = +params['item_id'];
});
在此之后,您实现了 DOM 视图的逻辑。