Mehrfache Auswahl mit Spur durch unterschiedliches Verhalten im Winkel zu 1.4.x

Question

Ich habe mein Produkt von Angular 1.2.x auf 1.4.x aktualisiert.

Nach Aktualisierung der angularjs auf 1.4.x; hier i Problem bin vor

Was ich habe: Ich habe Schnipsel mit Winkel 1.2.0 hinzugefügt und hier ist JSFIDDLE mit 1.4.8 mit gleichem Code.

Erklärung:

Wählen Sie einen beliebigen Benutzer von Multi-Select-Box, es zu aktivieren. Wählen Sie den zweiten Benutzer (mit Strg-Taste).

Observation: 1.2.x: erster ausgewählter Wert ist immer noch aktiv (wahr) 1.4.x: Nach dem zweiten Wert erster Wert Aktivflag Auswählen erhält zurückgesetzt.

Warum das passiert? Was soll ich tun, um die vorhandene (1.2.x) Ausgabe in 1.4.x zu bekommen

Hinweis: Mein Englisch schreiben ist nicht so gut. Bitte vermeiden Sie den grammatischen Fehler oder korrigieren Sie es :)

Vielen Dank!

var app = angular.module('test',[]); 
 
app.controller('selectIssue',function($scope){ 
 
\t $scope.users = [{ 
 
    \t name:"Rohit", 
 
    active:false 
 
    }, 
 
    { 
 
    \t name:"Virat", 
 
    active:false 
 
    }, 
 
    { 
 
    \t name:"Viky", 
 
    active:false 
 
    }]; 
 
    $scope.selectedName = []; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
 
<div ng-app="test"> 
 
    <div ng-controller="selectIssue"> 
 
    <div> 
 
    <select multiple ng-model="selectedName" ng-options="user.name for user in users track by user.name"></select> 
 
    </div> 
 
    Selected value table : 
 
    <div> 
 
     <table border="1"> 
 
     <tr> 
 
      <td>Name</td> 
 
      <td>isActive</td> 
 
      <td>Output</td> 
 
     </tr> 
 
     <tr ng-repeat="n in selectedName"> 
 
      <td>{{n.name}}</td> 
 
      <td><input type="checkbox" ng-model="n.active"></td> 
 
      <td>{{n}}</td> 
 
     </tr> 
 
     </table> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

Sie sind nicht aktualisiert scope.names $, wenn Sie das Kontrollkästchen ändern, aber scope.selectedNames $. Was bedeutet, dass Sie ng-change auf der Checkbox verwenden müssen, um auch $ scope.names zu aktualisieren.

$scope.updateName = function(name) { 
    angular.forEach($scope.names, function(n) { 
     if (n.name === name.name) { 
      n.active = name.active 
     } 
    }) 
} 

Dies ist ein fiddle aktualisiert