modell update für dynamisch generierte radiobuttons

Question

bitte kann mir jemand helfen mit dieser kleinen verbindung chaotisch. Ich versuche, eine Liste von Aufgaben

hier zu erzeugen, ist die Bestimmung des Modells in meinem 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 
     } 
    ] 

So, jetzt habe ich das Modell mit den folgenden Modus machen möchten. Die Ansicht iteriert über das Task-Array und erstellt eine Liste mit Optionsfeldern für jede Task. Mein Problem ist, dass das Modell, das an currentTask bindet, irgendwie nicht funktioniert. Wenn ich eine Aufgabe auswähle, wird der currentTask-Modelleintrag nicht aktualisiert. Aber nach den Tutorials und der Dokumentation sollte es.

<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

ändern ng-model Attribut ng-model="$parent.currentTask" sollte Ihr Problem lösen.

Hier ist die jsFiddle: http://jsfiddle.net/dp3xq/8/