如何获得角度2的radiobutton值?

时间:2016-07-20 09:07:25

标签: angular radio-button pug angular2-ngmodel

我正在开展一个项目,我需要在表格中每行绑定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

PS 此代码位于pug(Jade)。

1 个答案:

答案 0 :(得分:2)

如果升级到RC.4和新表单模块,则代码无需更改即可运行。

FormData

Plunker example