Disabling and enabling select using angular

Question

I want to disable and enable a select, using angular based on a condition.

  <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 returns true or false. But the is always enable even the condition is false. Im using Angular 5. How can I achieve this?

Lead Developer · Accepted Answer · 2018-03-12 21:19:36Z

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>

Please try with this code. This works in my case.

answered Mar 12, 2018 at 21:19

Lead Developer

1,16710 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Disabling and enabling select using angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related