首页 > 解决方案 > Vue().$mount() 的 Angular 等价物

问题描述

我正在创建一个基于 JSON 表单构建 HTML DOM 的应用程序。此表单是可扩展的,并允许添加自定义控件。一件重要的事情是让它与不同的 JavaScript 框架一起工作。

我正在尝试使用 Angular 生成一个虚拟 DOM,但不是将它附加到document,我希望将 DOM 元素包含在一个变量中。

这是我设法用 Vue 做到的方式:

const app = new Vue({
    render(createElement) {
        return createElement(MyCustomControl, {}, this.$slots.default);
    },
    components: { MyCustomControl }
}).$mount();

const customControl = document.createElement("div").appendChild(app);

有没有办法在 Angular 中做类似的事情?

标签: javascriptangularvue.jsdom

解决方案


app.module.ts

@NgModule({
  ...
  bootstrap: [AppComponent] // You can modify it here
})


推荐阅读