angularjs - Ng-click 内置在 Ng-Repeat 中 - 在 chrome 中不会触发其功能，在 FF 中有效

Question

此代码适用于 FF。它启动了 updateModels 函数。

但是，在 Chrome 中它什么也没做......

$scope.updateModels = function(model_id,option_txt,option_idx){
console.log('do something');
};



 <div class="span10" style="margin-bottom:5px;">
  <h1>Models Switcher:</h1>
 <div id="models-container">
 <div class="span3 .model-generic" ng-repeat="model in models">
 <select class="span9" id="model-{{model.idx}}" ng-model="models">
 <option ng-repeat="option in model track by $id($index)" value="{{option.opt_price}}" data-ng- click="$parent.updateModels(model.idx,option)" >
{{option.opt_title}}
 </option>
 </select>
 </div>
 </div>
 </div>

有任何想法吗 ？

Answer 1

这是因为 Chrome 不会触发<option>s 的点击事件。参见onclick on option tag not working on IE and chrome

ng-change会不会起作用<select>？

Answer 2

这在 IE（从 10）、FF、Chrome 中对我有用：

<select ng-model="item" ng-options="o.id as o.id for o in list" ng-change="onFunction(item)">{{item}}</select>

其中项目列表采用以下形式：

$scope.list = [{"id":1},{"id":2},{"id":3},{"id":4},{"id":5}];