如何在單頁中傳遞angular2 / 4參數

Question

我有一個界面，在該界面中，我會看到一個帶有可編輯列表的彈出式搜索標簽。

但是我不知道在單擊此列表編輯按鈕后將數據獲取到主界面進行編輯的方法。

我需要的只是將當前項目的ID作為參數傳遞給主編輯視圖。

我的代碼：

這是我的TS文件：

Editmodeclose(value: any) {
    let ItemID: number = this._activatedRoute.snapshot.params['code'];

    alert(this.userid);
    alert(this.shopid);
    alert(this.ItemID); //(here item id show undefined)
    this._enqService.FetchStockitem(ItemID, this.shopid, this.userid)
      .subscribe(
        defaultdatas => this.defaultdata = defaultdatas,
        error => {
          console.error(error);
          this.statusMessage = "Problem with the service.Please try again after sometime";
      });
    $("#SearchModal").modal("hide");
}

我的HTML

<div class="col-md-2 col-sm-2 col-xs-12 text-right">
  <span class="btn btn-success Editmode-Btn" (click)="Editmodeclose()"><i class="glyphicon glyphicon-pencil"></i></span>
</div>
</div>
<ng-container *ngFor="let items of defaultdata;">
  <a [routerLink]="['/NewStockCount',items.ItemID]">
    <div class="row">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="form-group">
          <label>Item Code</label>
          <span>{{items.ItemCode}}</span>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="form-group">
          <label>Item Description</label>

          <span>{{items.ItemDescription}}</span>
        </div>
      </div>
    </div>
  </a>(....etc.......)
</ng-container>

Answer 1

通過單擊按鈕調用方法“ Editmodeclose（）”時，通過使用* ngFor指令列出了列表，只需傳遞“ item”或在HTML中運行循環時獲取的引用變量像Editmodeclose（item）一樣，它將調用該方法並將當前單擊的item（object）傳遞給類似組件中的方法

`Editmodeclose(item){console.log(item)};`

之后，您可以將此項目分配給另一個變量“數據”並使用此數據變量顯示數據