在angular 2中创建可重用组件

我想包装一个显示某种弹出模式的“登录组件”。 想想我在我的应用程序中有很多地方可以调用这种模式，什么是面糊方法： 1.要将“登录组件”放在我使用的任何地方，尽管它在任何地方都是一样的。 2.将它放在顶级组件中，并使用某种事件侦听器显示和隐藏它

在第一种方式中，我封装组件以显示它需要的内容，并轻松控制其生命周期。 第二种方式，我避免重复我的自我，并称之为每个组件

---

谢谢

更好的方法是将它放在某个地方，然后使用一个具有可观察性的共享服务，以允许所有感兴趣的组件发送消息

---

另请参见

您无需执行任何操作。 只要创建一个登录组件，并在需要时重定向到它。 不要重复你自己。

---

有一些验证用户登录状态的方法。然后，每当登录状态变为无效时，只需使用适当的消息重定向到登录页面

如何重定向组件？感谢链接。我已经读过了，但它只显示了当调用组件是新组件的父组件时的情况。。我需要登录组件将没有连接到调用组件…如果您使用该服务，那么无论哪个组件是父组件，哪个组件是子组件，参与的组件都可以位于应用程序中的任何位置。唯一重要的是，共享服务是在参与组件的公共父级或父级上提供的，否则它们不能注入相同的服务实例。您可以与服务共享调用远程组件的示例吗？上面的链接应该包含一个示例。您需要一个具有可观察性的服务。远程组件注入该服务并订阅可观察对象，并在传递给

subscribe（…）

的回调中执行一些操作。另一个组件或服务也会注入该服务，并使用可观察值发出值。请确保只提供一次服务，否则将有多个服务实例。我将尝试。。谢谢