jquery - Angularjs。当我使用 bootstrap-select 进行 css 选择输入时如何处理 ng-click 事件

Question

我已经选择了选项，而我的问题是，当用户从下拉列表中选择一个值时，我需要执行 ng-click 事件，但我不能。因为选择选项已被 bootstrap-select 更改，导致默认选择选项不能 CSS 所以我使用 bootstrap-select。

preview

代码

<select class="form-control selectpicker col-md-6 col-md-offset-3 input-question input-text v2-mod" 
           id="{{question.name}}"
           name="birthyear"
           required
           ng-model="answers.userdata[question.name]"
           ng-class="{'input-error': formValidation && questionForm.birthyear.$error.required}" >
               <option value="{{option.value}}" 
                       ng-click="next('stage5')" 
                       ng-repeat="(key, option) in question.options">
                                            {{option.label}}
               </option>
</select>

Bootstrap-select修改后的代码:

preview

Answer 1

您可以默认使用 ng-options 和 ng-change 作为 Angular 样本，这比设置 ng-repeat 更好选项。

记住:您必须在 select 元素上设置 ng-change 而不是在 select option

var app = angular.module("app", []);

app.controller("ctrl", function($scope) {

    $scope.data = [
        {name: "a"},
        {name: "b"},       
    ]
    
    $scope.get = function(value){
    
      console.log(value)
      
    }
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">


    <select ng-model="form.select" ng-options="item as item.name for item in data" ng-change="get(form.select)"></select>

</div>