Disable Button in Angular 2

Question

I want if the input \'Contract type\' is empty, the button \'Save\' is not clickable

Save button:

        

        
                      

              相关标签:
       
      

Answer 1

I tried use [disabled]="!editmode" but it not work in my case.

This is my solution [disabled]="!editmode ? 'disabled': null" , I share for whom concern.

<button [disabled]="!editmode ? 'disabled': null" 
    (click)='loadChart()'>
            <div class="btn-primary">Load Chart</div>
    </button>

Stackbliz https://stackblitz.com/edit/angular-af55ep

Answer 2

Change ng-disabled="!contractTypeValid" to [disabled]="!contractTypeValid"