/Javascript/AngularJS/Data binding on checkbox angular

Data binding on checkbox angular

<input #saveUserNameCheckBox
    id="saveUserNameCheckBox" 
    type="checkbox" 
    [checked]="saveUsername" 
    (change)="onSaveUsernameChanged(saveUserNameCheckBox.checked)" />

//component.ts
public saveUsername:boolean;

public onSaveUsernameChanged(value:boolean){
    this.saveUsername = value;
}

Source: stackoverflow.com

Similar codes

5 votes104 views3 answers
Angular refresh component on button click
Javascript AngularJS
5 votes309 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
1 vote108 views1 answer
Angular contains both .browserslistrc and browserslist
Javascript AngularJS
2 votes109 views2 answers
Angular limit string length
Javascript AngularJS
0 vote98 views1 answer
How to place icons on labels in chartjs angular
Javascript AngularJS
0 vote104 views1 answer
Autocomplete list angular 8 material
Javascript AngularJS
0 vote132 views1 answer
Import map in angular
Javascript AngularJS
2 votes101 views1 answer
Angular current year
Javascript AngularJS
0 vote99 views1 answer
Angular maxlength directive input type number
Javascript AngularJS
10 votes101 views3 answers
Angular event emitter
Javascript AngularJS