javascript - AngularJS ng-repeat 具有多个 radio 输入

标签 javascript angularjs forms radio-button angularjs-ng-repeat

对于具有多个 radio 输入的人,我遇到了 ng-repeat 的小问题(是/否)。由于 name="person.name",输入名称应该不同,但其行为就像它们都是相同的。有人知道如何解决这个问题吗?

http://jsfiddle.net/Chotkos/EbU8g/

HTML:

<form name="myForm" ng-controller="MyCtrl">
    <p>Decisions</p>
    <ul>
        <li ng-repeat="person in people">
            <label>{{person.name}}
                <input type="radio" ng-model="person.decision" name="person.name" value="Yes" />
                <input type="radio" ng-model="person.decision" name="person.name" value="No" />
            </label>
        </li>
    </ul>
</form>

JS:

function MyCtrl($scope) {
    $scope.people = [{
        name: "John"
    }, {
        name: "Paul"
    }, {
        name: "George"
    }, {
        name: "Ringo"
    }];
}

最佳答案

在该上下文中,您需要使用 {{ person.name }},而不是 "person.name"

关于javascript - AngularJS ng-repeat 具有多个 radio 输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24763016/

相关文章:

Javascript/JSON : Object of object converted to associative array

forms - 如何在 Symfony2 Controller 中获取表单值

php - $album =$_post ['formdata' ] -- 值未分配给带有文件上传 html 表单和 php 5 的变量

css - 使用 ng-show 时如何防止表格重新调整大小?

jquery - 表单提交到新选项卡,并重定向当前窗口在 Chrome/Safari 中不起作用

javascript - 合并新对象中的对象属性并插入数组,无需 jquery 和 lodash

javascript - A 型框架 : mouseenter/mouseleave for parent entity only

javascript -///在 JavaScript 中是什么意思?

javascript - 将 Json 保存在 Javascript 变量中

javascript - Angular UI-router - 在更多状态下保留 url 参数