將元素編譯到指定位置，沒有＃本地變量

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