离子点击事件触发两次

时间:2016-10-21 14:32:19

标签: javascript angularjs angularjs-directive ionic-framework

让我们假设我有一个锚标记。 click事件从我的后端获取一些数据,数据更新我的模型。

<a ng-if="model.isAuthenticated" ng-click="model.download()" class=button button-small icon ion-android-download></a>

有人可以向我解释一下为什么,如果我将这个锚放在ion-nav-buttons标签内,则click事件会触发两次???

 <ion-nav-buttons side="right"><a ng-if="model.isAuthenticated" ng-click="model.download()" class=button button-small icon ion-android-download></a></ion-nav-buttons> 

1 个答案:

答案 0 :(得分:0)

所以,事实证明离子中有一个错误,他们没有兴趣修复。基本上,当您使用ion-nav-button时,框架会创建其他html。在这种情况下,框架会创建一个div两次。

当我检查元素时,这就是我得到的:

ionic_bug

红色十字表示同一个div创建两次。一个div是活动的,另一个是缓存的。如果你像我一样,并且你在ion-nav-button里面有一个自定义指令,那么你的指令中的逻辑将运行两次。

有关详情,请阅读此内容 ionic duplicating html elements