Angular 2/4 Onselect 没有得到

Question

我正在尝试在我的 Angular 应用程序中开发两个下拉菜单。第一个是店铺清单，另一个是仓库清单。当我选择一个商店时，它会显示它的数据和选择的商店列表，但是当我选择仓库时，它不是基于所选的。

这里有两个下拉框。这里有很多问题，但我无法在任何地方得到正确答案。

TypeScript 文件：

ngOnInit() {
  this._enqService.FetchPopulateOutlets().subscribe(outletsData => {
    let allShops = {
      ShopName: 'All',
      ShopID: 0
    }
    this.outletDetails = [allShops, ...outletsData]
  }, error => {
    console.error(error);
    this.statusMessage = "Problem with the service.Please try again after sometime";
  });
  this._enqService.FetchGodownPopulateOutlets().subscribe(GodownsData => {
    let allGodowns = {
      GodownName: 'All',
      GodownId: 0
    }
    this.GodownDetails = [allGodowns, ...GodownsData]
  }, error => {
    console.error(error);
    this.statusMessage = "Problem with the service.Please try again after sometime";
  });
}
onSelect(shopid: number) {
    this._enqService.FetchItemDetails(shopid, this.godownid, this.pageIndex).subscribe(itemsData => this.itemdetails = itemsData, error => {
      console.error(error);
      this.statusMessage = "Problem with the service.Please try again after sometime";
    });

我的 HTML：

<span>
  <select class="form-control" name="outletDetail" (change)="onSelect($event.target.value)">
    <option value="0" disabled>Select a Shop</option>
    <option *ngFor="let outletDetail of outletDetails" [value]="outletDetail.ShopID">{{outletDetail.ShopName}}</option>
  </select>
</span>
<span>
  <select class="form-control" name="godowndata" (change)="onSelect($event.target.value)">
    <option value="0" disabled>Select a Godown</option>
    <option *ngFor="let godowndata of GodownDetails" [value]="godowndata.GodownId">{{godowndata.GodownName}}</option>
  </select>
</span>

我认为问题出在 Onselect 中，因为这里我使用了两个参数，而在 TypeScript 中我只使用了一种方法。

Answer 1

使用 ngModelChange 和 ngModel

  <select class="form-control" [(ngModel)]="selected" name="godowndata" (ngModelchange)="onSelect(selected)">

Answer 2

你可以使用change事件

<select [(ngModel)]="selected" name="status" placeholder="select" (change)="onOptionsSelected()">
        <option *ngFor="let sta of accTypes" [ngValue]="sta">{{sta.name}}</option>
</select>

stackblitz example