【问题标题】: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 视图的逻辑。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-05-28
    • 1970-01-01
    • 1970-01-01
    • 2016-09-17
    • 2016-11-23
    • 2017-01-20
    • 1970-01-01
    相关资源
    最近更新 更多