如何以角度 2,4 在同一页面中从一个地方到另一个地方获取参数

Question

我有一个界面，在该界面中我得到一个带有可编辑列表的弹出式搜索选项卡。

但我不知道单击此列表编辑按钮后将数据获取到主界面进行编辑的方法。 （像这样https://stackblitz.com/angular/xvnyldqvjqp）

我需要的只是将当前项目的 id 作为参数传递给主编辑视图。 （即，这里我有一个页面名称 New stock count。在这个页面中，我想要这个。（当搜索一个项目时它会显示，然后我点击铅笔或项目，点击的项目显示在左侧（此处单击的项目由名为itemid、userid 和shopid 的参数获取。但在这里我没有得到itemid 参数，当使用警报时我得到未定义的itemid））） 如果有人知道这对我有很大帮助

我的代码：

这是我的 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");
}

我的 html 文件（搜索项列出的 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......

Answer 1

只需在编辑按钮单击中传递“股票”对象，它就会为您工作。

一些示例代码；

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