Angular2动态组件加载器

使用任何方法（例如loadIntoLocation），我都可以将指令动态加载到我的基本组件中，并加载到特定的容器中

@Component({ ... template: ` <div #elementContainer>empty div</div>` ...})

我将向空div传递DirectiveClass的模板，如：

<input type="radio" name="gender" value="male" checked>

因此最终结果将是一个空div加上我的输入元素

---

问题是：如何通过调用loadIntoLocation动态更改value属性或任何其他输入值？

更新

loadIntoLocation（）

已从

DynamicComponentLoader

中删除。将

loadNextToLocation（）

与

ViewContainerRef一起使用

导出类AppComponent{
@ViewChild（'target'，{read:ViewContainerRef}）目标；
顶部
构造函数（专用dcl:DynamicComponentLoader）{}
ngAfterViewInit（）{
this.dcl.loadNextToLocation（DynamicComponent，this.target）
。然后（ref=>{
ref.instance.someEvent
.subscribe（值=>{
this.top=value.clientX；
})
});
}
}


原创

这看起来和我最近回答的很相似

您没有解释如何添加输入

this.dcl.loadintocation（DirectiveClass，this.\u elementRef，'elementContainer'）。然后（（cmp）=>{
cmp.location.nativeElement.querySelector（'input'）。值='someId'；
});

可能会执行您想要的操作（未测试）。
输入是在主组件中导入的另一个指令组件，因此它仅在必要时显示！那真的没用。你能将代码添加到你的问题中吗？如何添加？也许你可以从我的回答中得出你的案例的解决方案。
<input type="radio" name="gender" value="male" checked>