/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 votes245 views1 answer
Refresh date and time every second angular
Javascript AngularJS
0 vote252 views1 answer
Angular chart js Doughnut colors
Javascript AngularJS
9 votes247 views3 answers
Angular get current timestamp
Javascript AngularJS
0 vote248 views1 answer
Angular Espanol
Javascript AngularJS
0 vote276 views1 answer
Calling angular component method in service
Javascript AngularJS
0 vote249 views1 answer
How to avoid inheritance in angular
Javascript AngularJS
0 vote264 views3 answers
Angular loop
Javascript AngularJS
0 vote247 views1 answer
Angular.json to war
Javascript AngularJS
6 votes207 views2 answers
Auto scroll to bottom of div angular
Javascript AngularJS
0 vote253 views1 answer
Reactive forms change event in angular
Javascript AngularJS