Angular 5动态组件加载问题：组件渲染位置异常（位于ng-template外）

我已经花了好几天时间尝试实现模态框内动态加载组件的功能，但一直没能成功。昨天提交相关问题后虽然取得了一点点进展，但完全没达到预期效果。

之前遇到的ng-template嵌套导致内部模板无法渲染的问题已经解决了，可现在又出现了新状况：目标组件和模态框本身都错误地渲染到了主页面上，位置完全不符合预期，根本没出现在模态框容器里。

有没有大佬遇到过类似的情况？求指点下问题可能出在哪？

内容的提问来源于stack exchange，提问作者Luuk Wuijster