Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Disable Button in Angular 2

People also ask

How do I make a button disabled?

The disabled attribute is a boolean attribute. When present, it specifies that the button should be disabled. A disabled button is unusable and un-clickable. The disabled attribute can be set to keep a user from clicking on the button until some other condition has been met (like selecting a checkbox, etc.).

How to enable disable component in Angular?

Angular tells you that it's better for you to use the ways it gives you to disable/enable form controls. You can enable/disable a form control by using the following ways: Instantiate a new FormControl with the disabled property set to true. FormControl({value: '', disabled: true}) .

How do you disable a button until another button is clicked in Angular?

Component tsactionMethod($event: MouseEvent) { ($event. target as HTMLButtonElement). disabled = true; // Do actions. }


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


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