aktualizacja modelu dla dynamicznie generowanych przycisków radiowych

Question

proszę, czy ktoś może mi pomóc z tym małym bałaganem wiążącym. Próbuję wygenerować listę zadań

tutaj jest definicja modelu w moim 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 
     } 
    ] 

Więc teraz chcę renderować model z poniższej widzenia. Widok iteruje nad tablicą zadań i tworzy listę przycisków opcji dla każdego zadania. Mój problem polega na tym, że model wiążący się z currentTask nie działa. Po wybraniu dowolnego zadania wpis modelu currentTask nie jest aktualizowany. Ale według tutoriali i dokumentacji powinna.

<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

Zmiana atrybutu ng-model do ng-model="$parent.currentTask" powinno rozwiązać problem.

Oto jsFiddle: http://jsfiddle.net/dp3xq/8/