Angular2 components 如何将Angular2组件呈现到特定的动态加载DOM元素中?
我有一个组件,可以使用jQuery动态加载和创建视频播放器。 完成后,它看起来像这样:Angular2 components 如何将Angular2组件呈现到特定的动态加载DOM元素中?,angular2-components,angular2-injection,angular2-render,Angular2 Components,Angular2 Injection,Angular2 Render,我有一个组件,可以使用jQuery动态加载和创建视频播放器。 完成后,它看起来像这样: <div id="1613544e-3695-06ed-7201-9cbbe3ded44b" style="z-index: 1;"> <div class="elite_vp_mainContainer" style="width: 100%; height: 500px; position: absolute; background: rgb(0, 0, 0); z-index:
<div id="1613544e-3695-06ed-7201-9cbbe3ded44b" style="z-index: 1;">
<div class="elite_vp_mainContainer" style="width: 100%; height: 500px; position: absolute; background: rgb(0, 0, 0); z-index: 999999;">
<div class="elite_vp_videoPlayer" data-state="loading" style="width: 1440px; height: 500px; z-index: 455558;">
<video class="elite_vp_videoPlayer" preload="none" style="display: none;">
</video>
<div class="elite_vp_overlay">
<img src="https://i.ytimg.com/vi_webp/RsRuJcyppsY/sddefault.webp" id="elite_vp_overlayPoster">
</div>
</div>
</div>
viewContainerRef
包含对
这是整件事的根源
问题是,我必须在elite\u vp\u videoPlayer下插入覆盖组件
我该怎么做?我已经到处找了
将Angular2组件注入特定DOM位置(通过class\ID)
谢谢大家! 有没有想过?如果是这样的话,请把你做的方式贴出来。你知道吗?如果是这样,请张贴你的方式。
const factory = self.componentFactoryResolver.resolveComponentFactory(WinnerOverlayComponent);
const ref = self.viewContainerRef.createComponent(factory);
ref.instance.user = self.user;
ref.instance.stage = self.stage;
ref.changeDetectorRef.detectChanges();