谁能检查一下下面的stackblitz，给我解释一下这两个按钮之间的区别，以及为什么离子弹出行为在每个按钮上都不同？
Stackblitz
我感兴趣的是，为什么弹出窗口显示在“单击我”的元素下，为什么它显示为感叹号按钮单击的弹出窗口（屏幕中心）？
我希望按钮有相同的行为，因为他们使用相同的功能，这是presentPopover，但相反，它使用的是emitClick出于某种原因，popover呈现不同
谁能检查一下下面的stackblitz，给我解释一下这两个按钮之间的区别，以及为什么离子弹出行为在每个按钮上都不同？
Stackblitz
我感兴趣的是，为什么弹出窗口显示在“单击我”的元素下，为什么它显示为感叹号按钮单击的弹出窗口（屏幕中心）？
我希望按钮有相同的行为，因为他们使用相同的功能，这是presentPopover，但相反，它使用的是emitClick出于某种原因，popover呈现不同
1条答案
按热度按时间lsmepo6l1#
区别很微妙，不明显：这是关于事件的目标。如果在
presentPopover方法中，您记录e.target并单击“单击我”按钮，您将看到目标与您单击的ion-button相同，因此弹出框将显示在该位置。然而，当您单击图标时，（感叹号），您将看到一个错误-因为您正在发射没有任何内容。因此，目标是未定义的，弹出窗口将使用窗口作为弹出窗口的参考点（没有目标，对吧？）。同样，如果你写this.emitClick.emit(event);，也就是说，如果你把事件发送到发射器，你的presentPopover将接收触发弹出框的元素（这是图标按钮）和弹出窗口将弹出旁边的图标。简而言之，如果有一个定义的目标，弹出窗口将弹出那里，如果没有-它会居中。