创建角度为2的可重用组件

创建角度为2的可重用组件

问题描述:

我想创建一个显示某种弹出窗口模式的“登录组件”。 考虑我有很多可以调用这种模式的应用程序,什么是连击方式: 1.为了将'登录组件'放置在任何地方,我都使用它,尽管它在任何地方都是一样的。 2.将它放在顶层组件中,并用某种事件监听器来显示和隐藏它。创建角度为2的可重用组件

第一种方法是封装组件以显示它所需的内容并对其生命周期进行简单控制。 在第二种方式,我避免重复我的自我,并称它为每个组件。

谢谢。

更好的方法是将其放置在某处,并使用带有observables的共享服务来允许所有感兴趣的组件发送消息。

https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service

+0

感谢您的链接。我读过它,但只显示调用组件是新组件的父项的情况..我需要登录组件不会连接到调用组件...... –

+0

如果您使用该服务,则它不会'无论什么组件是父母,什么是孩子,参与组件可以位于应用程序中的任何位置。唯一重要的是共享服务是在参与组件的共同父代或祖先中提供的,否则它们不能注入相同的服务实例。 –

+0

你能分享一个调用远程组件服务的例子吗? –

见你不需要做任何这一点。 只需创建一个登录组件并在需要时重定向到它。 不要重复自己。 有一些验证用户登录状态的方法。然后,无论何时登录状态无效,只需重定向到具有相应消息的登录页面

+0

如何重定向组件? –