ngx-smart-modal-如何与类引用中的组件进行交互？

Question

当我通过...使用类引用打开模态时

// component
this.ngxSmartModalService.create('myModal2', MyComponent).open();

如何与该组件进行交互？如何为@Input提供值或在组件上调用方法？基本上，任何有关如何与组件进行有意义交互的示例或教程都将不胜感激。

Answer 1

要将输入变量传递到在打字稿中创建的组件，可以使用ResolverFactory组件和实例条目来实现。

假设您的组件有一个data输入：

const componentFactory = this.componentFactoryResolver.resolveComponentFactory(adItem.component);

const componentRef = viewContainerRef.createComponent(componentFactory);
(<AdComponent>componentRef.instance).data = adItem.data;

有关documentation的更多详细信息

Answer 2

带有模板绑定的实际动态组件无法正确呈现。看来这对许多图书馆都是一个限制。我创建了an issue about this topic以便尽快对其进行修复。

有人做了很好的修复，我们将尝试尽快发布它。