ng-wenn innerhalb ng-Wiederholung funktioniert nicht

Question

LÖSUNG GEFUNDEN: Ich war nur mit einer Version von eckigen, die ng-if nicht unterstützt.

Hier ist eine vereinfachte Version meines Codes.

Zuerst mein Teil:

<div> 
    <div ng-repeat="poll in polls"> 
     <div ng-if="poll.moduleState === 'not-voted'"> 
      <!-- Template 1 --> 
      Not Voted: {{poll.name}} 
     </div> 
     <div ng-if="poll.moduleState === 'voted'"> 
      <!-- Template 2 --> 
      Voted: {{poll.name}} 
     </div> 
    </div> 
</div> 

Und mein Controller:

function ViewPollsCtrl($q, $scope, $http) { 

    $scope.polls = 
      [ 
       { 
        "name": "module1", 
        "moduleState": "not-voted" 
       }, 
       { 
        "name": "module2", 
        "moduleState": "voted" 
       } 
      ]; 
} 

Ich erwarte, dass der Ausgang

Not Voted: module1 
Voted: module2 

Aber anstatt die Ausgabe

Not Voted: module1 
Voted: module1 
Not Voted: module2 
Voted: module2 

sein

Warum? Was mache ich falsch? Liegt es an einer seltsamen Interaktion zwischen ng-if innerhalb von ng-repeat?

Edit: Hier ist ein Bild von dem, was ich sehe

Answer 1

es mit Ihrem Code gut funktioniert.

DEMO

angular.module('myApp',[]).controller('myCtrl', function($scope){ 
 
    
 
    $scope.polls = 
 
      [ 
 
       { 
 
        "name": "module1", 
 
        "moduleState": "not-voted" 
 
       }, 
 
       { 
 
        "name": "module2", 
 
        "moduleState": "voted" 
 
       } 
 
      ]; 
 
      
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
<div> 
 
    <div ng-repeat="poll in polls"> 
 
     <div ng-if="poll.moduleState === 'not-voted'"> 
 
      <!-- Template 1 --> 
 
      Not Voted: {{poll.name}} 
 
     </div> 
 
     <div ng-if="poll.moduleState === 'voted'"> 
 
      <!-- Template 2 --> 
 
      Voted: {{poll.name}} 
 
     </div> 
 
    </div> 
 
</div> 
 
</div>