2016-11-10 55 views
2

是否有可能JSON對象綁定到Angular2無線電輸入?Angular2- Object作爲無線電輸入值

我有一個名爲object JSON對象,我嘗試

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

,但它給ngValue is not a known property of input錯誤。我也試過

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

但隨後selectedObject變得[object Object]

+0

http://stackoverflow.com/questions/31879497/angular2-radio-button-binding這可能有助於 – Kapein

+0

@Kapein在這個例子中,值只是字符串,我想將JSON對象綁定到該值。 –

+1

任何運氣在這裏找到答案?我也一直堅持這一個...... – mikesir87

回答

0

我寫在角1這個代碼,未經測試轉化爲角2爲您

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

我不希望這個值是'object.attribute',我希望它是'object'本身。 –

+0

和你怎麼看待使用索引,然後OnChange(索引),然後你查找你想要的數組中的哪個索引並複製它? 不知道這與[(ngModel)],而不是一個角2個專家 – Kapein

+0

工作如果我使用'onChange',當我選擇按鈕的模型被更新,但在對模型外部更改它不被選中(不是雙向綁定)。 –

1

感謝this post,我們有一個答案:
使用[value]

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

感謝Colleen Purcell