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

我想实现保持功能,所以当用户按下并保持一个条目时,我可以显示一个弹出框 .

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

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

对不起,在我的小提琴中,我无法使用on-hold功能 .

这是一段代码:

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>
  `
};