javascript - AngularJS 选择框 - ngClick 未触发

Question

我有一个包含 ng-model 指令的选择框。我想在用户单击选择框时触发一个事件(该事件将在选择选项之前触发)。

<select id="count" name="count" class="form-control" ng-click="vm.clickCountSelector();" ng-model="vm.count" 
 ng-options="c.name for c in vm.getEligibleCountList()" required validation-messages></select>

但是 vm.clickCountSelector() 在应该触发的时候却没有触发。我怎样才能实现这个目标？有什么办法可以触发这个事件吗？

谢谢!

Answer 1

不确定您想要实现什么，但我建议绑定(bind)到 ng-change 来选择元素。选择选项后将触发 ng-click。

如果你确实想获得一个事件，你可以使用 ng-mousedown。

var ngApp = angular.module('ngAppl',[]);

function aControlla($scope){
    $scope.count = function(){
       alert("It works!");
    }
    
    $scope.values = [
        {Name: "Entry 1"},
        {Name: "Entry 2"},
        {Name: "Entry 3"},
        {Name: "Entry 4"}
    ];
};

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<div ng-app="ngAppl">
    <div ng-controller="aControlla">
        
        <select ng-mousedown="count(val)" ng-model="val">
          <option ng-repeat="val in values" value ={{val.Name}}>
            {{val.Name}}
          </option>
        </select>        
    </div>
</div>