Angular 2 Routerlink * ngIf帶參數

Question

我有以下包含參數的routerlink：

http://localhost:4200/item/1

我將如何使用參數進行* ngIf...。我嘗試了以下操作

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

我正在運行此* ngIf的組件是不連接到itemComponent的標頭組件

Answer 1

您是否嘗試過使用ActivatedRoute。 導入您的組件

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

然后獲取您的url值，如下所示。

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

});

之后，您將實現DOM視圖的邏輯。