首页 > 解决方案 > Angular 使用带有 createElement 的选择器

问题描述

好,我不知道这是否来自谷歌翻译,我想使用 createElement 向 html 添加一个组件,但它没有显示任何内容

“app-GridWidget 那个组件是一个新创建的 Angular 组件”

test (): void{
    const compt = document.createElement( "app-GridWidget" );
    document.getElementById( "test" ).appendChild( compt );

  }
<button (click)="test()">Test</button>

<div id="test"></div>

标签: angular

解决方案


您创建了元素而不是 createComponent。你应该通过下面的链接。它可能会帮助你。参考:https ://angular.io/guide/dynamic-component-loader


推荐阅读