javascript - ng-click 在 IE 中不起作用，但在 CHROME 中可以正常工作

Question

<select id="from" multiple="multiple" name="list" ng-model="selectedVal">
    <optgroup label= "{{geo.Geo}}" ng-repeat="geo in Geographies"> 
        <option id="{{country.CountryKey}}" ng-repeat="country in geo.Country" ng-click="arrayPush()">{{country.CountryDescription}}</option>   
    </optgroup>
</select>

当我单击特定选项时，未调用 arrayPush()

$scope.arrayPush = function(){alert("Hello!");}

Answer 1

我刚刚找到了我的问题的答案

<select id="from" multiple="multiple" name="list" ng-model="selectedVal" ng-change="arrayPush()">
    <optgroup label= "{{geo.Geo}}" ng-repeat="geo in Geographies"> 
        <option id="{{country.CountryKey}}" ng-repeat="country in geo.Country" >{{country.CountryDescription}}</option>   
    </optgroup>
</select>

不要在选项中使用 ng-click，而是在选择中使用 ng-model 和 ng-change。适用于 Chrome 和 IE