我已经选择了选项,而我的问题是,当用户从下拉列表中选择一个值时,我需要执行 ng-click
事件,但我不能。因为选择选项已被 bootstrap-select 更改,导致默认选择选项不能 CSS
所以我使用 bootstrap-select。
代码
<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
修改后的代码:
最佳答案
您可以默认使用 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>
关于jquery - Angularjs。当我使用 bootstrap-select 进行 css 选择输入时如何处理 ng-click 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44753045/