Angular6如何继续添加带有选定值的下拉列表

Question

这里是初学者...用户可以从下拉列表中选择过滤器值。每个选择都应该添加一个带有所选值的新下拉列表。目的是用户可以按照他们想要的方式编辑选择并选择他们想要的多个过滤器。 .如何在角度 6 中实现这一点？任何指针..感谢帮助..

Answer 1

请检查一下，我是根据假设完成的。我认为您可以使用此代码来满足您的需求。

html

<div>    
    <div id="AddItem">
         <h2>Add State/City</h2>
          <select [(ngModel)]="dataDetails" (change)="addData("")">
            <option value="">-- choose an item --</option>
            <option value="a">a</option>
            <option value="b">b</option>
            <option value="c">c</option>
            <option value="d">d</option>
          </select>
    </div>    
<div *ngFor="let item of items;">
    <select [(ngModel)]="selectedData" (change)="addData(item.name)">
        <option value="item.name">{{item.name}}</option>
    </select> 
</div>
<div>
      {{a}}
      a: <input [(ngModel)]="a" ng-change="changeData()" />
      b: <input [(ngModel)]="b" />
    </div>

</div>

js

 items:any = [];

addData(data=""){
  if(this.dataDetails || data){
    if(!data)
      data = this.dataDetails;
      this.items.push({
        name: data
      });
   }
}