Angular中选择框的默认“占位符”？

Question

我正在使用Angular 6开发一个Web应用程序（前端大小）。 我有一个问题：我正在创建一个包含不同选择框的组件，如下所示：

如何创建一个reset()方法，该方法用占位符值更改所有选择框（不以任何方式取消或修改与他相关联的选项）？ 有什么方法可以通过以编程方式修改html模板来允许此操作吗？ 谢谢！

Answer 1

您可以使用ngModel

 <select class="custom-select" [(ngModel)]="model.select"  name="select" id="combo">
      <option value=""></option>
      <option *ngFor="let item of list" [ngValue]="item">{{ item}}</option>
 </select>

组件：

reset(){
   model.selct='';
}