Änderungsereignis bei Modellwechsel auslösen

Question

Ich muss das JavaScript-Ereignis 'change' für alle SELECT-Elemente auslösen, bei denen sich der Modellwert ändert. Die Werte des Modells werden programmatisch durch den Bereich geändert, so dass ngChange nicht mehr aktiv ist (reagiert nur auf vom Benutzer vorgenommene Wertänderungen).

Irgendwelche Hilfe bitte?

Code-Beispiel: PLNKR

var app = angular.module('plunker', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.name = 'oldname'; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="plunker"> 
 
<div ng-controller="MainCtrl"> 
 
    <p>Hello {{name}}!</p> 
 
    <select ng-model="name" class="myInput" onChange="alert('changed');" > 
 
     <option value="oldname">oldname</option> 
 
     <option value="newname">newname</option> 
 
    </select> 
 
    <button ng-click="name='newname'">Change by Anguar</button> 
 
    </div> 
 
    </div>

Auswahl wählen Optionen zeigt Alarm. Wenn ich auf die Schaltfläche klicke, wird der Wert (Modell) zwar geändert, aber die Warnung wird nicht angezeigt, da die Modusänderung das Ereignis "Änderung" nicht auslöst.

Answer 1

onChange ist ein Javascript-Ereignishandler, der nicht an die Digest-Schleife von angular gebunden ist. Versuchen Sie stattdessen, ng-change zu verwenden.

Answer 2

kann $ Bereich verwenden. $ Uhr für die Änderungen im Modell und Trigger-Änderungsereignis zu beobachten

$scope.$watch('name', function(){ 
    //slct is the id for the select 
    $('#slct').trigger('change'); 
    }) 

siehe plnkr