Как передать параметр angular2 / 4 на одной странице - PullRequest
Новая
       45

Как передать параметр angular2 / 4 на одной странице

0 голосов
/ 08 октября 2018

У меня есть интерфейс, в котором у меня появляется всплывающая вкладка поиска с редактируемым списком.

Но я не знаю, как получить данные для редактирования в главном интерфейсе после того, как я нажму этот список.кнопка.

Мне просто нужно передать идентификатор текущего элемента в основной вид редактирования в качестве параметра. если любое тело может помочь мне

Мой код:

enter image description here

Это мой файл 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>

1 Ответ

0 голосов
/ 08 октября 2018

Вы создали свой список, используя директиву * ngFor при вызове метода, нажав кнопку вызова метода 'Editmodeclose ()', просто передав "item" или ссылочную переменную, которые вы взяли во время выполненияв HTML, например, Editmodeclose (item), он будет вызывать метод и передавать текущий элемент щелчка (объект) в метод в компоненте, например 

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

, после этого вы можете назначить этот элементв другую переменную «данные» и используйте эту переменную данных для отображения данных

...