/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

0 vote295 views1 answer
Angular ng default scss
Javascript AngularJS
2 votes298 views3 answers
Angular auth guard
Javascript AngularJS
0 vote302 views1 answer
Angular pass async pipe value to funciton
Javascript AngularJS
1 vote299 views1 answer
Copy an array without pointer in angular
Javascript AngularJS
0 vote331 views1 answer
Angular cannot access event.target.value of input element using $event
Javascript AngularJS
0 vote295 views1 answer
How to add row in angular dynamically
Javascript AngularJS
0 vote295 views1 answer
Disable button based on condition angular
Javascript AngularJS
0 vote315 views1 answer
Angular convert boolean to yes no
Javascript AngularJS
0 vote279 views1 answer
Mat chips with input
Javascript AngularJS
1 vote336 views1 answer
Angularjs round to 2 decimal places input
Javascript AngularJS