Как получить параметр из одного места в другое на той же странице в угловых 2,4 - PullRequest
Новая
       46

Как получить параметр из одного места в другое на той же странице в угловых 2,4

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

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

Но я не знаю, как получить данные для редактирования в главном интерфейсе после того, как я нажму этот список.кнопка.(Например, https://stackblitz.com/angular/xvnyldqvjqp)

Мне просто нужно передать идентификатор текущего элемента в основной вид редактирования в качестве параметра. (Т. Е. Здесь у меня есть имя страницы Новый счетчик запасов. На этой страницеМне это нравится. (При поиске элемента он будет отображаться, а затем я нажимаю на карандаш или элемент, выбранные элементы отображаются с левой стороны (Здесь выбранные элементы получают с помощью параметра с именем itemid,userid и shopid. Но здесь я не получил параметры itemid при использовании оповещения, я получил неопределенное значение itemid))) Если кто-нибудь знает об этом, это большая помощь для меня

Мой код:

enter image description here

Это мой файл TS: 

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

    alert(this.userid);
    alert(this.shopid);
    alert(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");
}

MyHTML-файл (Поиск элементов в списке HTML) 

<ng-container *ngFor="let stocks of stockdetail;">
                    <a [routerLink]="['/NewStockCount',stocks.ItemID]">
                        <div class="row searchItem" style="margin:0px;">
                            <!--search item starts-->
                            <div class="col-md-10 col-sm-10 col-xs-12">
                                <div class="row">
                                    <div class="col-md-6 col-sm-6 col-xs-12">

                                        <label>Item</label>
                                        <span>{{stocks.ItemID}}</span>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">

                                        <label>Item Code</label>
                                        <span>{{stocks.ItemCode}}</span>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <label>Item Desc</label>
                                        <span>{{stocks.ItemDescription}}</span>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <label>Packing Type</label>
                                        <span>{{stocks.PackingtypeName}}</span>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <label>Stock</label>
                                        <span>{{stocks.Stock}}</span>
                                    </div>
                                </div>
                            </div>

                            <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>
                    </a>   </ng-container>

Левый элемент отображения HTML (хочу отображать элементы здесь) 

  <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <label>Item Code</label>
                                    <ng-container *ngFor="let items of defaultdata;">
                                        <span>{{items.ItemCode}}</span>
                                    </ng-container>
                                  </div>
                            </div>
                        </div>.....etc......

1 Ответ

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

Просто передайте объект «акции» нажатием кнопки редактирования, он будет работать для вас.

Пример кода; 

<span class="btn btn-success Editmode-Btn" (click)="Editmodeclose(**stocks**)">
    <i class="glyphicon glyphicon-pencil">
    </i>
</span>
...