Javascript 角度ng更改或ng单击选择can'；行不通

这是一个关于带有复选框的ng更改的示例

我想将复选框设置为一个选项，但失败了。 代码如下：

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

1.
2.

---

如果有人能帮忙，我将不胜感激

您需要将它们绑定到select element not选项

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

1.
2.

您需要将它们绑定到select element not选项

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

1.
2.

我是这样做的：

控制器：

$scope.selectChange = function() {
    switch($scope.confirmed) {
      case '1': $scope.selected = '1';break;

      case '2': $scope.selected = '2';break;
    }
  }

html:

1.
2.
{{selected}}

plnkr:

我是这样做的：

控制器：

$scope.selectChange = function() {
    switch($scope.confirmed) {
      case '1': $scope.selected = '1';break;

      case '2': $scope.selected = '2';break;
    }
  }

html:

1.
2.
{{selected}}

---

plnkr:

您应该在选择不在选项中添加ng单击

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

选择事件
所有事件
{{event.name}

您应该在“选择不在”选项中添加ng单击

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

选择事件
所有事件
{{event.name}

我确实喜欢这个

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

1.
2.

我确实喜欢这个

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

1.
2.

应将这些信息提供给选择元素notoption@ArunPJohny如果每个选项都执行不同的功能？在这种情况下，您可以在更改处理程序中使用

If…else/switch

条件来调用其他方法…@ArunPJohny，我明白了。非常感谢。您应该将更改事件绑定到选择框，而不是为选项绑定。在函数中，您可以获取选项的值并调用不同的函数option@ArunPJohny如果每个选项都执行不同的功能？在这种情况下，您可以在更改处理程序中使用

If…else/switch

条件来调用其他方法…@ArunPJohny，我明白了。非常感谢。您应该将更改事件绑定到选择框，而不是为选项绑定。在函数中，您可以获取选项的值并调用不同的函数。我只是把它和ng选项结合起来。谢谢，这对我帮助很大！很清楚。我只是把它和ng选项结合起来。谢谢，这对我帮助很大！