/Javascript/AngularJS/Angular disable select dropdown

Angular disable select dropdown

Dropdown1: <select [(ngModel)]="dropdown1">
  <option value="">Select</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<br/>
Dropdown2: <select [(ngModel)]="dropdown2">
  <option value="">Select</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<br/>
Dropdown3: <select [(ngModel)]="dropdown3">
  <option value="">Select</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

<br/>
<button [disabled]="!(dropdown1 && dropdown2 && dropdown3)">Save</button>

Ng-multiselect-dropdown disable

css
.disable{
pointer-events:none;
}

Similar codes

18 votes153 views6 answers
Angular cli update
Javascript AngularJS
0 vote121 views2 answers
Angular scroll to element horizontally
Javascript AngularJS
0 vote123 views1 answer
Animation end event angular
Javascript AngularJS
-1 vote116 views1 answer
Angular httpclient post body
Javascript AngularJS
1 vote116 views1 answer
Angular wait all subscriptions
Javascript AngularJS
0 vote161 views1 answer
Index and id togtgher angularjs
Javascript AngularJS
0 vote119 views1 answer
Angular input date binding on variable update
Javascript AngularJS
37 votes245 views2 answers
Short date angular pipe
Javascript AngularJS
-1 vote131 views1 answer
How to disable previous date in datepicker using angular 6
Javascript AngularJS
3 votes116 views1 answer
Angular filter ngfor
Javascript AngularJS