在 angular 2 中创建可重用组件
create reusable component in angular 2
我想创建一个显示某种弹出模式的 'login component'。
考虑一下我的应用程序中有很多地方可以调用此模式，什么是击球手方法：
1. 为了在任何地方放置 'login component' 我都使用它，尽管它在任何地方都一样。
2. 将它放在顶层组件中并使用某种事件侦听器显示和隐藏它。
第一种方式我封装了组件来显示它需要的东西并且可以轻松控制它的生命周期。
在第二种方式中，我避免重复自己并将其称为每个组件。
谢谢。
更好的方法是将它放在某个地方一次，并使用带有可观察对象的共享服务来允许所有感兴趣的组件发送消息。
另见 https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service
您不需要执行任何这些操作。
只需创建一个登录组件并在需要时重定向到它。
不要重复自己。
有一些方法来验证用户的登录状态。然后每当登录状态无效时，只需重定向到带有适当消息的登录页面
我想创建一个显示某种弹出模式的 'login component'。 考虑一下我的应用程序中有很多地方可以调用此模式，什么是击球手方法： 1. 为了在任何地方放置 'login component' 我都使用它，尽管它在任何地方都一样。 2. 将它放在顶层组件中并使用某种事件侦听器显示和隐藏它。
第一种方式我封装了组件来显示它需要的东西并且可以轻松控制它的生命周期。 在第二种方式中，我避免重复自己并将其称为每个组件。
谢谢。
更好的方法是将它放在某个地方一次，并使用带有可观察对象的共享服务来允许所有感兴趣的组件发送消息。
另见 https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service
您不需要执行任何这些操作。 只需创建一个登录组件并在需要时重定向到它。 不要重复自己。 有一些方法来验证用户的登录状态。然后每当登录状态无效时，只需重定向到带有适当消息的登录页面