Angular 2 : Radio Button active using value in ngModel

Question

the radio button should be checked according to the value i get in the ngModel, the value that will get on ngModel will be 1 or 0

 <div class="col-md-6" id="radio-demo">
               <input type="radio" name="in_stock"   id="first-choice"  [(ngModel)]="fifthSector.in_stock"   />
           <label for="first-choice">Yes</label>

           <input type="radio" name="in_stock" id="second-choice"   [(ngModel)]="fifthSector.in_stock"   />
           <label for="second-choice">No</label>
             </div>

now i am getting both radio buttons not checked, how it can be done

Daniel Segura Pérez · Accepted Answer · 2018-04-10 07:27:10Z

2

You should use [value] directive. Try this:

<input name="options" type="radio" [value]="0"  [(ngModel)]="fifthSector.in_stock">Yes<br/>

<input name="options" type="radio" [value]="1" [(ngModel)]="fifthSector.in_stock" >No<br/>

Value:
{{fifthSector.in_stock}}

Stackblizt example: https://stackblitz.com/edit/angular-uhqd46

answered Apr 10, 2018 at 7:27

Daniel Segura Pérez

1,1278 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 2 : Radio Button active using value in ngModel

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related