隐藏角度组件的其他副本?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了隐藏角度组件的其他副本?相关的知识,希望对你有一定的参考价值。

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

例如:如果我点击弹出的用户信息,然后我点击另一个弹出窗口,我想弹出用户信息隐藏

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

有没有其他方法可以隐藏组件的其余副本而不是单击的副本?

答案

添加全局侦听器,如果单击在此组件外部 - 关闭它。 例如,检查Handling multiple components with click events in Angular

以上是关于隐藏角度组件的其他副本?的主要内容,如果未能解决你的问题,请参考以下文章

值更改时角度组件不更新

在角度组件中使用“要求”

通过Y分量角度7将模板上的元素隐藏到X分量中[重复]

如何从另一个组件返回到另一个组件而不以角度重新加载组件?

角度 5 - 如何从 dom 中删除动态添加的组件

在不同组件中使用相同的对象数组,如果对一个对象进行任何更新,将在角度 8 中显示其他组件中的更新