动态生成的单选按钮的模型更新

Question

请有人帮我解决这个小小的绑定混乱。我正在尝试生成任务列表

这是我的 TaskController 中的模型定义：

angular.module('yeomantestApp')
  .controller 'TaskController', ($scope) ->
    $scope.currentTask
    $scope.tasks = [
        {
            id: 1
            name: 'write test'
            elapsedTime: 15
        },
        {
            id: 2
            name: 'run test'
            elapsedTime: 32
        },
        {
            id: 3
            name: 'write code'
            elapsedTime: 22
        }
    ]

所以，现在我想用下面的视图来渲染模型。该视图遍历任务数组并为每个任务构建一个单选按钮列表。 我的问题是，绑定到 currentTask 的模型无法正常工作。当我选择任何任务时， currentTask 模型条目不会更新。但根据教程和文档，它应该。

<div class="hero-unit" ng-controller="TaskController">
    <h1>Tasks</h1>
    <h2>current {{currentTask}}</h2>
    <form name="taskForm">
        <div ng-repeat="task in tasks">
            <input type="radio" name="taskGroup" ng-model="currentTask" value="{{task.id}}">{{task.name}} {{task.elapsedTime}}
        </div>
    </form>
</div>

Answer 1

将ng-model 属性更改为ng-model="$parent.currentTask" 应该可以解决您的问题。

这里是 jsFiddle：http://jsfiddle.net/dp3xq/8/