ionic-framework - 显示相对于元素的 Ionic 弹出框而不单击

Question

我需要在页面上显示相对于某些元素的工具提示，而无需用户单击以显示它们 - 即自动显示它们。但是，根据文档ion-popover，这似乎是最好的方法：

为了相对于被点击的元素定位弹出框，需要将点击事件传递到本方法的选项中。如果事件未通过，则弹出框将位于视口的中心。

我不确定 Ionic 是否为没有点击事件的相对定位的弹出框提供了一个场景（文档没有提到它）。我也不想触发 click 事件，因为某些元素有routerLinks 并且触发 click 事件会离开当前页面。使用 CSS 从页面的默认中心移动弹出框对我来说似乎是一个肮脏的解决方法

标签： ionic-frameworkionic5

Answer 1

如果 Ionic 将“none”实现为 triggerAction 属性的值，那就太好了，这表明在单击触发元素（或悬停或其他任何东西）时不应打开弹出框。

我的解决方案是在我希望弹出框出现的元素中放置一个空 div，并将该空 div 设置为触发元素（而不是实际按钮或其他）。将此 div 留空，使其大小为 0px x 0px，因此永远不会被点击。