/Javascript/AngularJS/Angular 9 radio button checked

Angular 9 radio button checked

Try to specify value attributes. And do not forget that in case of radio buttons Model is not supposed to contain boolean value but should contain radio specific values like:

  <input type="radio" name="food" value="beef" [(ngModel)]="myFood"> Beef
  <input type="radio" name="food" value="lamb" [(ngModel)]="myFood"> Lamb
  <input type="radio" name="food" value="fish" [(ngModel)]="myFood"> Fish

Angular how to check a radiobox

<p>
   <input type="radio" value="male" name="gender" [ngModel]="user.gender" > Male
   <input type="radio" value="female" name="gender" [ngModel]="user.gender" > Female
</p>
<p>
   <input type="checkbox" name="tc" [ngModel]="user.isTCAccepted" >
</p>

Source: concretepage.com

Similar codes

2 votes146 views2 answers
Angular window object
Javascript AngularJS
-1 vote157 views1 answer
Date range picker in angular 8
Javascript AngularJS
0 vote185 views1 answer
Bind an event to dom element angular
Javascript AngularJS
4 votes137 views3 answers
In angular how to get router url without query params
Javascript AngularJS
0 vote126 views1 answer
Angular UI datepicker is getting wrong date
Javascript AngularJS
1 vote156 views1 answer
You have no internet connection angular
Javascript AngularJS
0 vote151 views1 answer
How to convert base64 to webp in angular
Javascript AngularJS
0 vote132 views1 answer
Animate change of class angular
Javascript AngularJS
1 vote159 views1 answer
Angular button open file input
Javascript AngularJS
2 votes141 views1 answer
Refresh date and time every second angular
Javascript AngularJS