javascript - <option> 点击事件 angularjs

Question

有没有办法将事件绑定(bind)到 jquery 或 angularjs 中的选项标签。我专门寻找特定选项的点击事件。

考虑这里的一个例子

<select>
    <option>Last Month</option>
    <option>Last Year</option>
    <option onclick='showDatePicker()'>Custom Range</option>
</select>

我有一个选择下拉列表，其中有三个选项，前两个很简单，而第三个则有点复杂。每当用户选择自定义范围(选项 3)时，我都需要显示一个 Bootstrap 模型，在其中放置 Bootstrap 自定义日期选择器。我可以通过添加更改事件处理程序来选择元素来使其工作，但随后出现的问题是，如果用户选择 Ccustom Range 选项并使用 datepicker 选择日期并关闭模式会怎样。之后，用户尝试再次选择“自定义范围”选项来更改所选的日期范围。那么这个更改事件将不会触发，因此 Bootstrap 模式将不会显示。

重要提示: 我们在模式中显示日期选择器( Bootstrap 或任何其他)，一旦用户选择模式将关闭的日期。

Answer 1

您需要使用ngChange

模板:

<select ng-change="showDatePicker()" ng-model="value">
  <option value="month">Last Month</option>
  <option value="year">Last Year</option>
  <option value="custom">Custom Range</option>
</select>

Controller :

function MyCtrl($scope) {
  $scope.isClicked = false;
  $scope.value = 'month';

  $scope.showDatePicker = function() {
    if($scope.value == 'custom') {
      $scope.isClicked = true;
    } else {
      $scope.isClicked = false;
    }
  }
}

这是一个工作 fiddle :http://jsfiddle.net/trollr/ugfbo9x2/