Question

我有一个界面，在该界面中，我会看到一个带有可编辑列表的弹出式搜索标签。

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

我只需要将当前项目的ID作为参数传递给主编辑视图。（即，我在这里有一个页面名称“新库存计数”。在此页面中，我想这样。（在搜索项目时，将显示该项目，然后单击铅笔或该项目，单击的项目将显示在左侧（此处单击的项由名为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>

如何以角度2,4从同一位置的一个地方到另一个地方获取参数

1 个答案: