Verwendung von innerHTML in Typoskript-Code mit Angular 2

Question

Verwendung von InnerHTML aus Typescript-Code mit Angular 2 RC4? Ich habe dieses Problem: Wenn ein Benutzer auf eine bestimmte Schaltfläche klickt, möchte ich etwas vorkompilierten HTML-Code hinzufügen. Zum Beispiel:

Typoskript Code

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

HTML-Code

<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> 

Oder vielleicht ist dies ein falscher Weg. Lass es mich wissen, danke im voraus.

Answer 1

So etwas wie dies vielleicht:

htmlYouWantToAdd; 

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

Und Ihre 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>