将元素编译到指定位置，没有＃本地变量

Question

是否有任何方法可以将动态元素添加到特定位置，而不需要#localvariable（<input type='button' #localvariable (click)='doSomething()'>）。

例如，给定：

<td></td> 

编译之后：

<td><input type='button' (click)='doSomething()'></td> 

Answer 1

ComponentFactory.create允许通过一选择器或节点作为目标参数：

constructor(private resolver: ComponentFactoryResolver, private injector: Injector) {} 

ngAfterViewInit() { 
    let factory = this.resolver.resolveComponentFactory(MyDynamicComponent); 
    let compRef = factory.create(injector, [], '#idOfTarget'); 
} 

参见https://angular.io/api/core/ComponentFactory#create