Ionic和AngularJS - 在父组件中多次触发保持事件回调

Question

我正在使用AngularJS 1.5.3和Ionic 1.3.5编写应用程序。

我想实现保持功能，因此当用户按下并按住某个条目时，我可以显示一个弹出框。

我在代码中遇到的问题是父组件回调被调用3次，而子组件只被调用一次。

这是我的小提琴： https://jsfiddle.net/aubz88/72hz0ard/

抱歉，在我的小提琴中，我无法使用这个暂停功能。

以下是代码段：

    var grandChildComponent = {
  bindings: {
    onHold: '&'
  },
  controller: function() {
    this.handleHold = function(value) {
        console.log('grand child handle hold ', value);
        this.onHold(value);
    };  
    this.onClick = function() {
        console.log(' on click ');
    };
  },
    template: `
    <div>
      Grand Child component
      <div class="item" ng-click="$ctrl.onClick()" on-hold="$ctrl.handleHold('hello')">Click and Hold</div>
    </div>
  `
};