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

Question

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

如何创建一个reset()使用占位符值更改所有选择框的方法（无需以任何方式取消或修改与他关联的选项）？有什么方法可以通过以编程方式修改 html 模板来实现这一点？谢谢！

标签： javascripthtmlangulartypescript

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