我无法获得Angular 2表单中单选按钮的值

时间:2016-05-17 17:35:02

标签: typescript angular

我无法显示角度2表单中单选按钮输入的值。

1 个答案:

答案 0 :(得分:2)

我能够使用 RadioButtonState 获取值。

https://angular.io/docs/ts/latest/api/common/index/RadioButtonState-class.html

模板

<div>
      <h1>form test</h1>
      {{isAdminYes.checked}}
      <form [ngFormModel]="regForm">
        <input type="radio" ngControl="isAdmin" name="isAdmin" [checked]="true" [(ngModel)]="isAdminYes" > Yes 
        <input type="radio" ngControl="isAdmin" name="isAdmin" [(ngModel)]="isAdminNo" > No
      </form>
    </div>

组件

export class App {
  public isAdminYes : RadioButtonState = new RadioButtonState(true, "yes");
  public isAdminNo : RadioButtonState = new RadioButtonState(false, "no");

  constructor() {
    this.regForm = new ControlGroup({
        isAdmin: new Control(true)
    });
  }
}

工作人员 http://plnkr.co/edit/NnT8uRAr3xjxKB1hYfxT?p=preview