如果下拉选项列表中不再包含ngModel值,请重置为默认值

时间:2018-11-21 10:55:28

标签: angular

我有以下Component HTML代码

<label class="dropdown-list">
    <select name="objektart" id="ddlPreisBis" class="form-control" [(ngModel)]="Filter.PreisMax">
    <option value="">All</option>
    <option *ngFor="let obj of PreisBis" [ngValue]="obj.Key">{{ obj.Name }}</option>
  </select>
</label>

component.ts

PreisBis: Array<KeyNameModel<number>>;

根据其他值,“ PreisBis”数组中的项目可能会更改。如果发生这种情况,并且PreisBis-Array中不再有“ Filter.Preismax”中已选择的值,我希望选择空选项。

我该如何实现?当前未选择任何选项,并且模型中仍然存在旧的选定值。

1 个答案:

答案 0 :(得分:0)

您也可以使用like

<select class="form-control filter-control">
      <option [value]=undefined>All</option>
      <option value="equals">= Equals</option>
      <option value="similar">Similar</option>
</select>

我认为您使用错了。所有 因为您必须始终使用model.name = ''

来初始化模型值