angular - 如何在角度 2 中获取单选按钮值？

Question

我正在做一个项目，我需要在表格中每行绑定 3 个单选按钮。我正在绑定这张桌子，但不知何故它没有发生。我正在分享我所做的代码。

table.table
    thead
        tr
            th
                | To
            th
                | Cc
            th
                | Bcc
            th
                | First Name
            th
                | Last Name
            th
                | Phone
            th
                | Email
        tbody
            tr(*ngFor = "let contact of contacts| values")
                td
                    input(type="radio" , [(ngModel)]="contact.value.option", [name]="contact.key", value="to")
                td
                    input(type="radio" , [(ngModel)]="contact.value.option", [name]="contact.key", value="cc")
                td
                    input(type="radio" , [(ngModel)]="contact.value.option", [name]="contact.key", value="bcc")
                td
                    | {{contact.value.fName}}
                td
                    | {{contact.value.lName}}
                td
                    | {{contact.value.phone}}
                td
                    | {{contact.value.email}}

我已经尝试过如何绑定到 angular2 beta 6 中的单选按钮，但它不起作用。

编辑如评论中所述。我创建了一个plunkr。

PS 此代码在pug(Jade) 中。

Answer 1

如果您升级到 RC.4 和新的表单模块，您的代码无需更改即可工作。

import { bootstrap }    from '@angular/platform-browser-dynamic';

import { AppComponent } from './app.component';
import { disableDeprecatedForms, provideForms} from '@angular/forms';

bootstrap(AppComponent, [
  disableDeprecatedForms(),
  provideForms()
]);

Plunker 示例