Question

我需要将ng-click-event嵌套到另一个ng-click-event中。这在我可以在工作中使用的Chrome客户端中似乎不是问题，但标准浏览器是IE9。

问题是单击内部控件不会触发与内部控件对应的函数，而是触发父控件的功能。

代码看起来有点像这样：

angular.module('App', [])
       .controller('Controller', function() {
           var self = this;
           
           self.outer_function = function($event) {
             alert('Outer function called');
           }
           self.inner_function = function($event) {
             $event.stopPropagation();
             alert('Inner function called');
           }
       });

.outer {
  border: 1px solid black;
  padding: 10px;
  display: inline-block;
}
.inner {
  margin: 0 10px;
  padding: 5px;
  border: 1px solid red;
  display: inline-block;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="App">
  <div ng-controller="Controller as ctrl">
    <button class="outer" data-ng-click="ctrl.outer_function($event)">
      This is the div
      <div class="inner" data-ng-click="ctrl.inner_function($event)">
        Inner div
      </div>
   </button>
  </div>
</div>

我有什么遗忘的吗？或者在IE9中使用它的解决方法？
提前致谢！

在IE9中嵌套ng-click

0 个答案: