Ng单击选择下拉菜单中的选项

时间:2018-09-25 09:31:56

标签: angularjs

是否可以在选择选项中使用ng-click? 我读过其他线程,每个人都被询问或建议使用相同的控制器功能。 我想在不同的选择选项上触发不同的功能。 还是可以在选择选项中使用按钮?

<select>
  <option ng-click="NextWeek()" value="">Select Branches</option>
  <option ng-click="next15Days()">Select Branches</option>
</select>

1 个答案:

答案 0 :(得分:2)

以下内容应该适用于使用ng-modelng-change的用户。以下是您的html代码。每当更改选择选项时,都会调用updateSelected方法。

<select ng-model="selectedOption" ng-change="updateSelected()">
  <option value="nextweek">Select Branches</option>
  <option value="next15days">Select Branches</option>
</select>

这是您的控制器代码。范围变量selectedOption包含所选下拉选项的值。

angular.module('test', [])
.controller('selectCtrl', function($scope){
  $scope.updateSelected = function(){
    switch($scope.selectedOption){
      case "nextweek":
        $scope.NextWeek();
        break;
      case "next15days":
        $scope.next15Days();
        break;
    }
  }
});