angular2從只是一個字符串生成組件

Question

請告訴怎麼做Angular2/4以下：

組件SomeComponent從@Input得到下面的HTML作爲一個字符串：

`<am-input 
    [placeholder]="'Placeholder'" 
    [disabled]="true"> 
    </am-input>` 

如何SomeComponent創建只有該字符串的內部組件？

謝謝

Answer 1

唯一的選擇是使用JIT編譯器，並在獲得它時進行編譯。閱讀Here is what you need to know about dynamic components in Angular，特別是Creating components on the fly部分。它詳細解釋了這個過程。以下是要點：

class SomeComponent { 
    @Input inputTpl; 
    constructor(private _compiler: Compiler, 
      private _injector: Injector, 
      private _m: NgModuleRef<any>) { 
    } 

    ngOnChanges() { 
    const tmpCmp = Component({template: inputTpl})(class {}); 
    const tmpModule = NgModule({declarations: [tmpCmp]})(class {}); 

    this._compiler.compileModuleAndAllComponentsAsync(tmpModule) 
     .then((factories) => { 
     const f = factories.componentFactories[0]; 
     const cmpRef = f.create(this._injector, [], null, this._m); 
     cmpRef.instance.name = 'dynamic'; 
     this.vc.insert(cmpRef.hostView); 
     }) 
    }