Question

当模型为空时，Chrome / firefox中未选中所选/禁用的选项。 Safari的效果非常好。

<select [(ngModel)]="selectedProject" name="project" id="project">
   <option value="" [selected]=true [disabled]="true">Select project</option>
   <option [value]="project.id" *ngFor="let project of projects">{{project.title}}</option>
</select>

这是AngularJS中的一个错误，但是，[禁用]或禁用都不适用于我。

https://github.com/angular/angular.js/issues/7202

Answer 1

令人惊讶的是，这还没有得到答案。无论如何，这对我有用。

禁用它

<select [attr.disabled]=true class="custom-select" formControlName="title">
     <option [value]="project.id" *ngFor="let project of projects">{{project.title}} 
     </option>
</select>

并启用它

<select [attr.disabled]=null class="custom-select" formControlName="title">
     <option [value]="project.id" *ngFor="let project of projects">{{project.title}} 
     </option>
</select>

您也可以为其设置变量。就像魅力一样！

Angular 4：选择选项＆＃39;禁用＆＃39;当模型值为空时，默认情况下不选择属性

1 个答案: