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
      });
   }
}

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

1 个答案: