Мой выпадающий список выберите onchange не стреляет в угловой JS - PullRequest
0 голосов
/ 31 января 2019

Я очень плохо знаком с AngularJS и хочу получить значения OnChange из выпадающего списка.

Ниже приведен мой код, который я пробовал

<div>
    <select ng-controller="UserSelection as User" ng-model="User.UserSelected" ng-change="onSelectChange()">            
        <option value="SAP_Executive">SAP Executive</option>
        <option value="Fiber_Engineer">Fiber Engineer</option>
        <option value="Fiber_Lead">Fiber Lead</option>
        <option value="CMM">CMM</option>
    </select>
</div>

Угловой код

angular.module('App', [])
 .controller('UserSelection', function () {
  var User = this;      
  User.onSelectChange = function () {
      alert('change value selected');
  };
});

Мое предупреждение не срабатывает.Пожалуйста, предложите, что мне здесь не хватает

1 Ответ

0 голосов
/ 31 января 2019

Посмотрите здесь следующий фрагмент.Вы создали псевдоним вашего контроллера, но не используете его.

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="App">
    <select ng-controller="UserSelection as User" ng-model="User.UserSelected" ng-change="User.onSelectChange()" ng-init="User.UserSelected='--select--'">
        <option value="--select--">--select--</option>            
        <option value="SAP_Executive">SAP Executive</option>
        <option value="Fiber_Engineer">Fiber Engineer</option>
        <option value="Fiber_Lead">Fiber Lead</option>
        <option value="CMM">CMM</option>
    </select>
</div>

<script>
 angular.module('App', [])
 .controller('UserSelection', function () {
  var User = this;      
  User.onSelectChange = function () {
      alert('change value selected');
  };
});
</script>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...