Angular 更改或点击 select 无效
Angular ng-change or ng-click for select can't work
这是一个关于带复选框的 ng-change 的示例。
我想将复选框设为一个选择但失败了。
这是代码:
<select>
<option ng-model="confirmed" ng-change="change()">1</option>
<option ng-model="confirmed" ng-click="change()">2</option>
</select>
如果有人能提供帮助,我将不胜感激。
您需要将它们绑定到 select 元素而不是选项
<select ng-model="confirmed" ng-change="change()">
<option>1</option>
<option>2</option>
</select>
我是这样做的:
控制器:
$scope.selectChange = function() {
switch($scope.confirmed) {
case '1': $scope.selected = '1';break;
case '2': $scope.selected = '2';break;
}
}
html:
<select ng-model="confirmed" ng-change="selectChange()">
<option>1</option>
<option>2</option>
</select>
<p>{{selected}}</p>
你应该把 ng-click 放在 select 而不是选项
<div class="input-group">
<select class="form-control" placeholder="Type template" ng-model="eventID" ng-click="viewRuleByEvent(eventID)">
<option value="" selected>Select Event</option>
<option selected value="all">All Event</option>
<option ng-repeat="event in events" value="{{event.id}}">{{event.name}}</option>
</select>
</div>
我喜欢这个
<select ng-model="confirmed" ng-change="change()">
<option value="1">1</option>
<option value="2">2</option>
</select>
这是一个关于带复选框的 ng-change 的示例。
我想将复选框设为一个选择但失败了。 这是代码:
<select>
<option ng-model="confirmed" ng-change="change()">1</option>
<option ng-model="confirmed" ng-click="change()">2</option>
</select>
如果有人能提供帮助,我将不胜感激。
您需要将它们绑定到 select 元素而不是选项
<select ng-model="confirmed" ng-change="change()">
<option>1</option>
<option>2</option>
</select>
我是这样做的:
控制器:
$scope.selectChange = function() {
switch($scope.confirmed) {
case '1': $scope.selected = '1';break;
case '2': $scope.selected = '2';break;
}
}
html:
<select ng-model="confirmed" ng-change="selectChange()">
<option>1</option>
<option>2</option>
</select>
<p>{{selected}}</p>
你应该把 ng-click 放在 select 而不是选项
<div class="input-group">
<select class="form-control" placeholder="Type template" ng-model="eventID" ng-click="viewRuleByEvent(eventID)">
<option value="" selected>Select Event</option>
<option selected value="all">All Event</option>
<option ng-repeat="event in events" value="{{event.id}}">{{event.name}}</option>
</select>
</div>
我喜欢这个
<select ng-model="confirmed" ng-change="change()">
<option value="1">1</option>
<option value="2">2</option>
</select>