繁体   English   中英

我的下拉列表选择 onchange 没有在 angular js 中触发

[英]My dropdownlist select onchange is not firing in angular js

我对AngularJS非常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');
  };
});

我的警报没有触发。 请建议我在这里缺少什么

看这里下面的片段。 您已创建控制器的别名但未使用它。

 <!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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM