javascript - Angular ng-change 或 ng-click 选择不起作用

Question

这是一个关于带有复选框的 ng-change 的示例。

笨蛋

我想让复选框成为一个选择，但失败了。这是代码：

<select>
  <option ng-model="confirmed" ng-change="change()">1</option>
  <option ng-model="confirmed" ng-click="change()">2</option>
</select>

如果有人可以帮助我将不胜感激。

Answer 1

您需要将它们绑定到选择元素而不是选项

<select ng-model="confirmed" ng-change="change()">
    <option>1</option>
    <option>2</option>
</select>

Answer 2

我是这样做的：

控制器：

$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>

plnkr：http ://plnkr.co/edit/N85UYTeHwRInfp60ZLsJ?p=preview

Answer 3

您应该将 ng-click 放入 select not in 选项中

 <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>

Answer 4

我确实喜欢这个

<select ng-model="confirmed" ng-change="change()">
   <option value="1">1</option>
   <option value="2">2</option>
</select>