/Javascript/AngularJS/Angular disable click

Angular disable click

try like this

<button  [disabled]="isDisabled" (click)="btnClick.emit($event)">
        <ng-content></ng-content>
</button>

@Input() isDisabled: boolean = false;
@Output() btnClick = new EventEmitter();
Use Output and By default the button click event won't work if button is disabled. take advantage of it

<my-button [isDisabled]="isDisabled" (btnClick)="click($event)"> submit </my-button>

Angularjs onclick disable button click

<button id="submitRequest" onclick="this.disabled=true" class="btn btn-primary btn-active" ng-disabled="!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)" ng-click="SaveData()"><i class="fa fa-save"></i> Submit</button>
 Run code snippet

Source: stackoverflow.com

Similar codes

4 votes230 views1 answer
Clear angular formarray
Javascript AngularJS
0 vote274 views1 answer
Angular generate guid
Javascript AngularJS
0 vote212 views1 answer
Angular validar formulario
Javascript AngularJS
0 vote249 views1 answer
Angular material moduel
Javascript AngularJS
1 vote212 views1 answer
Angular selector
Javascript AngularJS
0 vote206 views1 answer
Youtube movie trailer angular
Javascript AngularJS
29 votes261 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote225 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
0 vote212 views1 answer
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.
Javascript AngularJS
0 vote215 views1 answer
Display unique id number in angular
Javascript AngularJS