Angular JS ng-change事件未触发

Question

Here is my code example 这是我的代码示例

<select ng-model="selectedProdTeam" 
    ng-options="team for team in prodTeams | orderBy" 
    ng-change="getRolesBasedOnSelectedTeamProd()">
    <option value="">Select Teams</option>
</select>

JS JS

$scope.getRolesBasedOnSelectedTeamProd = function(){
    if($scope.selectedProdTeam != null || $scope.selectedProdTeam !=undefined){ 
        $scope.prodRoles = $scope.prodResp.$scope.selectedProdTeam;
    }
}

Answer 1

It should be, 它应该是，

<select ng-model="selectedProdTeam" ng-options="team for team in prodTeams | orderBy" ng-change="getRolesBasedOnSelectedTeamProd()">
 <option value="">Select Teams</option>
</select>

EDIT : 编辑：

Your orderBy filter should take a parameter or remove the filter. 您的orderBy过滤器应采用参数或删除过滤器。

ex | orderBy:'name'"

DEMO

 angular.module("myApp", []) .controller("myCtrl", function ($scope) { $scope.prodTeams = [ { 'name':'Chelsea', 'id':1 }, { 'name':'UK', 'id':2 } ]; $scope.getRolesBasedOnSelectedTeamProd = function(){ alert('fired'); } });

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <body ng-app="myApp" ng-controller="myCtrl"> <select ng-model="selectedProdTeam" ng-options="team.name for team in prodTeams | orderBy:'name'" ng-change="getRolesBasedOnSelectedTeamProd()"> <option value="">Select Teams</option> </select> </body>

Angular JS ng-change事件未触发

问题描述

1 个解决方案

解决方案1
0 2017-08-02 19:56:25

Angular JS ng-change事件未触发

问题描述

1 个解决方案

解决方案1 0 2017-08-02 19:56:25

解决方案1
0 2017-08-02 19:56:25