角型2のtypescriptコードでinnerHTMLを使用する方法

Question

角型2 RC4のtypescriptコードからinnerHTMLを使用するにはどうすればよいですか？ 私はこの問題を抱えています。ユーザが特定のボタンをクリックすると、プリコンパイルされたHTMLコードを追加したいのです。たとえば、次のように

活字体コード

private addHTML() { 
    // the html go there I suppose, I don't know how to implement this part 
} 

HTMLコード

<div class="form-group row"> 
<label for="exampleSelect1" class="col-xs-2 col-form-label">My HTML code</label> 
<div class="col-xs-10"> 
    <button type="button" class="btn btn-primary" (click)="addHTML">ADD</button> 
</div> 
<hr> 

それとも、これは間違った方法です。事前に感謝します。多分このような

Answer 1

何か：

htmlYouWantToAdd; 

private addHTML() { 
    this.htmlYouWantToAdd = "<b>Some HTML you want to display</b>"; 
} 

そして、あなたのHTML：

<div class="form-group row"> 
<label for="exampleSelect1" class="col-xs-2 col-form-label">My HTML code</label> 
<div class="col-xs-10"> 
    <button type="button" class="btn btn-primary" (click)="addHTML()">ADD</button> 
</div> 
<hr> 
<div *ngIf="htmlYouWantToAdd" [innerHTML]="htmlYouWantToAdd"></div>