我的项目中有一个自定义的@NgComponent,如果我将它放在应用程序的静态
HTML中,它就可以工作.我想弄清楚的是如何动态地向DOM添加一个?如果我构造我的Component的一个实例,它似乎不是Element类型,因此它不能直接添加到DOM中元素的子元素.是否有另一种方法来构造我的组件或将其包装以便注入DOM?
例如我天真地期望能够做到这样的事情:
dom.Element holderEl = dom.document.querySelector("#my-holder"); holderEl.children.add( new MyComponent() );
但我也试过使用innerHTML将包含我的自定义元素的HTML附加到元素上
holder.innerHtml="<my-component></my-component>"
并使用document.createElement()创建元素
dom.Element el = dom.document.createElement("my-component"); dom.document.body.append(el);
但添加时似乎没有实现该组件.
谢谢,
拍