-1

テーブルの行ごとに 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}}

このHow to bind to radio buttons in angular2 beta 6 を試しましたが、機能しません。

編集コメントで尋ねられたように。plunkrを 1 つ作成しました。

PS このコードはpug(Jade) にあります。

4

1 に答える 1

2

RC.4 と新しいフォーム モジュールにアップグレードすると、コードは変更なしで機能します。

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

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

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

プランカーの例

于 2016-07-21T06:43:04.177 に答える