我正在用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>
`
};