Angular CDK : How to set Inputs in a ComponentPortal

Question

我想使用新的 Portal从 Material CDK 向表单的多个部分注入(inject)动态内容。

我有一个复杂的表单结构，目标是有一个表单指定子组件可以(或不能)注入(inject)模板的多个位置。

也许 CDK Portal 不是最好的解决方案？

我尝试了一些东西，但我确信这不是做事的方式: https://stackblitz.com/edit/angular-yuz1kg

我也尝试过使用 new ComponentPortal(MyPortalComponent) 但我们如何在其上设置输入？通常类似于 componentRef.component.instance.myInput

Answer 1

如果您使用 Angular 10+ 并关注 Awadhoot's answer , PortalInjector 现已弃用，因此代替:

new PortalInjector(this.injector, new WeakMap([[SOME_TOKEN, data]]))

你现在有:

Injector.create({
  parent: this.injector,
  providers: [
    { provide: SOME_TOKEN, useValue: data }
  ]
})