將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)
}