代码之家  ›  专栏  ›  技术社区  ›  hud

我的dropdownlist select onchange没有以js方式启动

  •  1
  • hud  · 技术社区  · 6 年前

    我是个新手 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 回复  |  直到 6 年前
        1
  •  1
  •   Sudhir Ojha    6 年前

    请看下面的代码片段。您已创建控制器的别名,但未使用它。

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