Question

问题

Angular（点击）功能的一个非常常见的问题是，当您使用<div>标签时，它可能无效。

在某些情况下，您需要点击两到三次。

我自己也有同样的问题，经过大量的研究后我找到了解决方案：

只需与<div>代码交换<buttton>代码。

我之前的代码：

<div class="some-outer-class">
      <div class="some-inner-class" (click)="itemclicked($event, someId)">
              Explore
      </div>
</div>

现在使用<button>标记。

<div class="explore-outer-container">
     <button class="explore-rotate-text" (click)="itemclicked($event, someId)">
          Explore
      </button>
</div>

注意：<div>和<span>都无效。

希望它也能帮到你。

其他一些消息来源 -

Answer 1

Ionic目前有一个与navCtrl.push()方法相关的错误，并在您要推送的页面上使用selector: your-selector标记。

这会导致页面在您第一次单击时重新加载，但在第二次单击div后加载良好，这可以解释您必须单击两次的问题。

但是因为我不知道你的itemClicked()正在执行什么，所以我无法肯定地说。

（如果这是您的问题，请参阅：https://github.com/driftyco/ionic/issues/7979#issuecomment-244882983这是我自己的问题）

为什么itemClicked（）函数有时在ionic2 / angular2中不起作用

1 个答案: