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='';
}