/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 votes224 views1 answer
Angular 9 how to get previous state
Javascript AngularJS
0 vote217 views1 answer
Angular {{}} new line
Javascript AngularJS
2 votes224 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
0 vote243 views1 answer
How to specify max number of character angular mat input
Javascript AngularJS
0 vote211 views1 answer
Angular redirect to external url
Javascript AngularJS
0 vote223 views1 answer
Angular property binding
Javascript AngularJS
0 vote221 views1 answer
Angular-bootstrap-md angular 10
Javascript AngularJS
0 vote215 views1 answer
Angular observable examplE
Javascript AngularJS
0 vote268 views1 answer
Class is using Angular features but is not decorated. Please add an explicit Angular decorator.
Javascript AngularJS
0 vote225 views2 answers
SaveAs method of file-saver in angular
Javascript AngularJS