使用角度

时间:2018-03-11 17:48:46

标签: angular5

我想禁用并启用一个选择,使用基于条件的角度。

  <select [disabled]="!isContinentSelected" class="form-control" formControlName="country">
      <option value="">Select Your Country</option>
      <option *ngFor="let country of countries" value="{{country.id}}">{{country.name}}</option>
 </select>

isContinentSelected返回true或false。但即使条件是假的,总是能够启用。我正在使用Angular 5.我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:2)

<select [attr.disabled]="isContinentSelected ? '': null" class="form-control" formControlName="country">
      <option value="">Select Your Country</option>
      <option *ngFor="let country of countries" value="{{country.id}}">{{country.name}}</option>
 </select>

请尝试使用此代码。 这适用于我的情况。