Angular2- Object as Radio Input Value

Question

Is it possible to bind a JSON object to a radio input in Angular2?

I have a JSON object named object and I tried

<input type="radio" [(ngModel)]="selectedObject" [ngValue]="object">

but it gives ngValue is not a known property of input error. I also tried

<input type="radio" [(ngModel)]="selectedObject" value="{{object}}">

But then selectedObject becomes [object Object].

http://stackoverflow.com/questions/31879497/angular2-radio-button-binding This might help — Kapein, Nov 10 '16 at 10:20
@Kapein Values are just strings in this example, I want to bind JSON objects to the value. — Bünyamin Sarıgül, Nov 10 '16 at 10:26
Any luck finding an answer here? I, too, am stuck with this one... — mikesir87, Nov 25 '16 at 17:05

score 1 · Answer 1 · answered Dec 12 '17 at 18:37

1

Thanks to this post, we have an answer:
Use [value]

<label *ngFor="let item of items">
    <input type="radio" formControlName="options" [value]="item">
    {{item}}
</label>

answered Dec 12 '17 at 18:37

Jon

score 0 · Answer 2 · answered Nov 10 '16 at 10:31

0

I wrote this code in Angular 1, without testing converted to angular 2 for you

<span *ngFor="let List in object.Lists">
    <input type="radio" name="{{List.ID}}" value="{{List.Value}}">
</span>

answered Nov 10 '16 at 10:31

Kapein

I don't want the value to be `object.attribute`, I want it to be the `object` itself. – Bünyamin Sarıgül Nov 10 '16 at 10:37
and what do you think about using indexes and then OnChange(index), then you look up which index in the array you want and copy it? Not sure if that works with [(ngModel)], not an Angular 2 expert – Kapein Nov 10 '16 at 10:40
If I use `onChange`, the model is updated when I select the button but it doesn't be selected when the model is changed externally (not two way binding). – Bünyamin Sarıgül Nov 10 '16 at 10:51

2 Answers2