我有一个弹出组件，只要用户单击以显示弹出按钮，该组件就可见。我在单个页面上的多个位置使用该组件来显示信息。现在，如果我单击一个弹出窗口，则希望隐藏该组件的其余副本。
例如：如果我单击弹出的用户信息，然后单击另一个弹出的窗口，我希望弹出用户信息以隐藏
我已通过为该组件的每个副本分配一个ID并隐藏除被单击的组件之外的其余组件
来解决此问题除了被单击的组件之外，还有其他方法可以隐藏组件的其余副本吗？
答案 0 :(得分：0)
添加全局侦听器，如果单击不在此组件之外，则将其关闭。
例如，检查Handling multiple components with click events in Angular