angular - 以角度隐藏组件的其他副本？

Question

我有一个弹出组件，只要用户单击以显示弹出按钮，它就可见。我在单个页面的多个位置使用该组件来显示信息。现在，如果我单击弹出窗口，我希望隐藏该组件的其余副本。

例如：如果我单击用户信息的弹出窗口，然后单击另一个弹出窗口，我希望弹出的用户信息隐藏

我已经通过为组件的每个副本分配一个 id 并隐藏除了被单击的那个之外的其余部分来解决这个问题

除了单击的那个之外，还有其他方法可以隐藏组件的其余副本吗？

标签： angularpopupcomponentsangular5

Answer 1

添加全局侦听器，如果单击在此组件之外 - 关闭它。
例如检查使用 Angular 中的单击事件处理多个组件