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