如何通过'Angular2'中的代码设置内容

Question

如何使用新组件在js中设置组件的ng-content？

我看到Angular文档中提到的唯一视图组合是路由。 但是如果我不想在我的应用程序中使用路线怎么办？

Answer 1

如果要在组件中添加，请在组件构造函数中添加elementRef: ElementRef并使用elementRef.nativeElement.appendChild(someElement)。 从外面看，只需使用不同的方法来获取DOM元素并向其添加HTML。

Answer 2

我尝试了不同的方法并取得了成功， 我使用DynamicComponentLoader将我的组件加载到元素选择器。

 DynamicComponentLoader.loadAsRoot(Component1, '#div1, injector);

此方法将Component1加载到id = div1的元素。 DynamicComponentLoader是一个非常导入的服务，应该在每本ng2书中。