请有人帮我解决这个小小的约束.我正在尝试生成一个任务列表
这是我的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>
将ng-model属性更改为ng-model =“$parent.currentTask”可以解决您的问题.
这是jsfiddle:http://jsfiddle.net/dp3xq/8/