Winkelfilter und ng-click funktioniert nicht

Question

Ich habe ein Menü, eine Gruppe von Listen zur Liste:

<ul> 
    <li ng-repeat="group in getData"> 
    <a ng-click="groupId = group.id">{{group.id}}</a> 
    </li> 
</ul> 

Ein Klick auf das Element sollte groupId aktualisieren, aber anscheinend ist es nicht.

ich angelegt habe auch einen Filter, der den Wert aus dem groupId bekommt:

Data.query(function(data) { 
    $scope.getData = data; 
    $scope.currentGroup = $filter('filter')(data, {id: $scope.groupId}); 
    $log.debug($scope.groupId); 
    $log.debug($scope.currentGroup); 
}, function(reason) { 
    $log.error(reason) 
}); 

dass die folgende Liste sollte filtern mit dem ausgewählten groupId nur Artikel angezeigt werden: Jedoch

<tr ng-repeat="list in currentGroup.lists"> 
    <td>{{list.name}}</td> 
</tr> 

, es funktioniert auch nicht. Ich kann das korrekte Array in der Konsole protokollieren, aber die Tabelle zeigt keine Daten an.

Bitte sehen Sie sich diese Plunker an.

Answer 1

Es gibt mehrere Probleme mit Ihrem Code. Hier sind 2:

1. ng-repeat schafft es eigenes Kind Umfang ist, also wenn Sie ng-click="groupId = group.id" tun, du zuweisen Sie das Kind Umfang des groupId, sollten Sie die Eltern gesetzt:

   <a ng-click="$parent.groupId = group.id">{{group.id}}</a> 
   

   aber das doesn‘ t so gut aussehen; versuchen Sie es mit dem as syntax, oder weisen Sie es aus einer Funktion.

2. $filter gibt ein Array, so dass Sie das erste Element wählen Sie Ihre korrekt zuordnen currentGroup:

   $scope.currentGroup = $filter('filter')(data, {id: $scope.groupId})[0]; 
   

Hier ist ein Plunker mit diesen beiden Fest:

http://plnkr.co/edit/f9ylUZ9mpInB00zzlYQd?p=preview

Answer 2

In Ihrem Plunker können Sie es wie folgt

<table> 
    <tr ng-repeat="group in currentGroup"> 
     <td ng-repeat="list in group.lists">{{list.name}}</td> 
    </tr> 
</table> 

verwenden, da currentGroup

auch ein Array ist