Menu
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.).
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}) .
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With