angularjs - ng-change 函数在选择之前调用 on-load

Question

调用 ng-change="changeStudentStatus();"在选择选项之前加载函数。

<md-select ng-model="ctrl.newStudentStatus" ng-change="changeStudentStatus();" ng-if="ctrl.studentStatusList" >
   <md-option class="ss-options" ng-value="item.display_name" ng-repeat="item in ctrl.studentStatusList" ng-selected="item.id == ctrl.statusId">{{item.display_name}}</md-option>
</md-select> 

脚本:

$scope.changeStudentStatus = function(){
     //some logic  
};

它应该在使用更改 DropDown 时调用。我的脚本出了什么问题

Answer 1

每次在选择选项之前加载页面时都会调用changeStudentStatus()。

<md-select ng-model="ctrl.newStudentStatus" ng-change="changeStudentStatus();" ng-if="ctrl.studentStatusList" >
   <md-option class="ss-options" ng-value="item.display_name" ng-repeat="item in ctrl.studentStatusList" ng-selected="item.id == ctrl.statusId">{{item.display_name}}</md-option>
</md-select> 

我刚刚通过临时解决方案解决了该问题，仅当用户更改值时，我才必须调用changeStudentStatus，因此我创建一个临时变量并存储较早的值，仅当值更改时才能执行逻辑。

脚本:

$scope.newValue  =ctrl .newStudentStatus;
        $scope.changeStudentStatus = function(){
              if($scope.oldVlaue === $scope.newValue)
              {
                //some logic  
              }
        };