将Angular2组件作为参数传递

Question

我需要创建一个通用解决方案，通过传递一些参数来从应用程序内的任何位置打开模式，这些参数可能只是大小（小，大，全屏），可忽略（真或假），而最重要的参数是我需要在此模式中显示的组件。 我的问题是如何将完整的组件传递给服务内部的方法。

Answer 1

您可以简单地将组件类传递给您的服务：

service.openModal(component = AComponent, ...rest) {}

如果要将其作为字符串传递，则可以声明服务中将使用哪些组件，并按名称查找它们。 像这样：

service.dynamicComponents = [AComponent, BComponent];

service.openModal(params = { component: 'AComponent' }) {
  const component = this.dynamicComponents
                        .find(o => o.constructor.name === params.component)
}