我可以从 javascript 将 angular 2 组件加载到 DOM 中吗？答案

【问题标题】：can i load an angular 2 component into DOM from javascript?我可以从 javascript 将 angular 2 组件加载到 DOM 中吗？
【发布时间】：2017-08-07 15:55:29
【问题描述】：

function injectAngular (){
    console.log("angular");
    document.body.innerHTML += '<app-root style="height:100%;width:100%"></app-root>'
  }

&lt;button type="button" onclick="injectAngular()" name="button"&gt;angular&lt;/button&gt;

当我尝试这种方法时，角度无法识别选择器。有没有办法解决这个问题。

【问题讨论】：

你能格式化代码吗？还有你想要实现的目标吗？
您是否尝试将组件动态加载到 html 中？
你有几个选择，见this answer和this article
请说明您尝试实现的功能以及您尝试过的功能。所以每个人都可以帮助你给出好的方法和解决方案
app-root 暗示这是您的根组件，因此它是必须通过 Angular 引导的一个组件。理论上，您可以按照您的要求进行操作，但您需要在组件元素插入 DOM 之后手动引导。一旦你的根组件被引导，你就可以动态地创建子组件（如果需要）。我怀疑有更好的方法来完成你正在寻找的东西。你想完成什么，为什么？

标签： javascript angular

【解决方案1】：

与其直接接触 InnerHTML，为什么不设置一个视图（使用 ng-repeat 元素）从控制器中的 JSON 值获取其值？您可以通过这种方式轻松添加新元素。

【讨论】：