如何获取 angular 2 中的单选按钮值？

Question

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

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}}

我试过这个但它不起作用。

编辑如评论中所述。我创建了一个 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 example

如何获取 angular 2 中的单选按钮值？

How to get radiobutton value in angular 2?

radio-button

angular2-ngmodel

pug

angular