angle4のコンポーネントにサーバー側からHTMLを挿入するにはどうすればよいですか？

Question

は、私はそれをこのコードで

import { Component, ElementRef, ViewChild, AfterViewChecked, TemplateRef, ViewContainerRef } from '@angular/core'; 

@Component({ 
    selector: 'app-root', 
    template: ` 
<div> 
<h3>this is the container</h3> 
    <div #holder></div> 
</div> 
    ` 
}) 
export class AppComponent implements AfterViewChecked { 
    @ViewChild('holder', { read: TemplateRef }) _template: TemplateRef<any>; 
    constructor() { } 
    ngAfterViewChecked() { 
    debugger; 
    this._template.createEmbeddedView('<div>this is a new "div" element</div>');  
    } 
} 

を行うことができますどのように私は、ID =「ホルダー」で別のdivにdiv要素を挿入しようとしています、私はコンポーネントに、サーバー側からいくつかのHTML要素を挿入するとします私はそれを達成することができません。

Answer 1

私は達成するための簡単な方法を得ました。

HTML

<div [innerHTML]="yourHtml"></div> 

TS

public yourHtml = '<div>this is a new "div" element</div>';