javascript - 点击事件 angularjs

Question

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

在这里考虑一个例子

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

我有一个选择下拉菜单，其中有三个选项，前两个很简单，而第三个有点复杂。每当用户选择自定义范围(选项 3)时，我都需要显示一个 Bootstrap 模型，我在其中放置了一个 Bootstrap 自定义日期选择器。我可以通过向 select 元素添加一个更改事件处理程序来使其工作，但随后出现的问题是，如果用户选择 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/