ng-change ne fonctionne pas avec ng-repeat avec options mais fonctionne avec ng-options

Question

J'ai créé des options de sélection avec ng-repeat, mais la fonction définie avec on-change n'est jamais appelée.

<select> 
<option ng-model="level1Selected" ng-repeat="item1 in level1" ng-change="setLevel2()" value="{{item1}}">{{item1}}</option> 

Je recréée la même chose avec ng-options, et la fonction est appelée:

<select ng-options="item1 for item1 in level1" ng-model="level1Selected" ng-change="setLevel2()"></select> 

J'ai vérifié la documentation, et je ne vois aucune raison de cette différence. La variable level1 est un tableau de chaînes, donc je ne comprends pas pourquoi elles se comportent différemment.

La fonction est actuellement juste un espace réservé avec console.log:

$scope.setLevel2 = function() { 
    console.log("value: "); 
} 

Answer 1

Si vous voulez faire que vous avez besoin de mettre ng-modèle et ng changement dans la balise select, essayez ceci:

<select ng-model="level1Selected" ng-change="setLevel2()"> 
    <option ng-repeat="item1 in level1" value="{{item1}}">{{item1}}</option> 
</select>