AngularJS non NgChange chiamati

Question

in Angularjs ho aggiunto il seguente controllo di selezione che ascolta per un evento di modifica

<select ng-model="Ruoli" ng-options="ruolo.Nome for ruolo in ruoli" class="form-control" ng-change="setNotRuolo(Ruoli.Id)"></select> 

quando seleziono un elemento della funzione

setNotRuolo()

viene chiamato correttamente ma quando cambio le voci usando il tasto giù sulla tastiera quella funzione non viene chiamata.

Come posso risolvere questo problema?

Answer 1

Questo è un problema che è già stato discusso GitHub

Basta dare un'occhiata a questo

Working Demo

html

<div ng-app='myApp' ng-controller="Controller"> 
    <label for="browsers">Pick A Name:</label> 
    <form name="myForm"> 
     <select dselect required id="browsers" ng-model="selectValue" ng-options="browser for browser in browsers"> 
      <option value="">Select One</option> 
     </select> 
     <br> 
     <button ng-click="submit()" ng-disabled="!myForm.$valid">submit</button> 
    </form> 
    <br> 
    <br>You Selected: {{selectValue || "You didn't pick"}}</div> 
</div> 

sceneggiatura

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

app.controller('Controller', function ($scope) { 
    $scope.browsers = ['Manu', 'Mathew', 'Sunny']; 
    $scope.submit = function() { 
     alert("submit"); 
    } 
}); 
if (navigator.userAgent.indexOf("Sunny") !== -1) { 
    app.directive("select", function() { 
     return { 
      restrict: "E", 
      require: "?ngModel", 
      scope: false, 
      link: function (scope, element, attrs, ngModel) { 
       if (!ngModel) { 
        return; 
       } 
       element.bind("keyup", function() { 
        element.trigger("change"); 
       }) 
      } 
     } 
    }) 
}