Angular2 - RadioButtonState按預期工作

Question

我在嘗試使RadioButtonState按其設想工作時遇到了一些麻煩。我已經使用RadioButtonState通過以下方式嘗試：

import {Component} from '@angular/core'; 
import {RadioButtonState} from '@angular/common'; 
import {bootstrap} from '@angular/platform-browser-dynamic'; 

@Component({ 
    selector: 'my-app', 
    template:` 
    Select Gender: 
    <span *ngFor="let gender of inputs; let i=index" > 
     <input type="radio" name="gender" [(ngModel)]="inputs[i]" /> {{gender.value}} 
    </span> 

    <br> 
    {{inputs | json}} 
    ` 
}) 
export class AppCmp{ 
    public inputs = [ 
     new RadioButtonState(false,"Male"), 
     new RadioButtonState(false,"Female") 
    ] 
} 

bootstrap(AppCmp); 

當我點擊任何單選按鈕，它使值爲true，但在單選按鈕之間進行切換不作任何他們又假。我重新制作了問題here on plunker。

Answer 1

這是一個已知的問題https://github.com/angular/angular/issues/7374

一直到被固定提到的解決方法：

<label class="radio-inline"> 
    <input type="radio" 
     value="male" 
     #male 
     [checked]="child.gender === 'male'" 
     (click)="child.gender = male.value" 
     name="gender">Male</label>     

<label class="radio-inline"> 
    <input type="radio" 
     #female 
     value="female" 
     [checked]="child.gender === 'female'" 
     (click)="child.gender = female.value" 
     name="gender">Female</label>