Wie binde ich raw html in Angular2

Question

Ich benutze Angular 2.0.0-beta.0 und ich möchte einige einfache HTML direkt erstellen und binden. Ist das möglich und wie?

Ich versuchte

{{myField}} 

aber der Text in myField entkommen bekommen zu verwenden.

Für Angular 1.xi gefunden Treffer zu ng-bind-html, aber dies nicht in 2.x

thx unterstützt werden scheint Frank

Answer 1

bindet an das innerHTML Attribut

Es gibt 2 Möglichkeiten:

<div [innerHTML]="myField"></div> 
<div innerHTML="{{myField}}"></div> 

den übergebenen HTML markieren als vertrauenswürdig, so dass winkelförmigen Stangen DOM Sanitizer Teile nicht mit einem Rohr wie

@Pipe({name: 'safeHtml'}) 
export class Safe { 
    constructor(private sanitizer:Sanitizer){} 

    transform(style) { 
    return this.sanitizer.bypassSecurityTrustStyle(style); 
    // return this.sanitizer.bypassSecurityTrustHtml(style); 
    // return this.sanitizer.bypassSecurityTrustXxx(style); - see docs 
    } 
} 

Siehe auch In RC.1 some styles can't be added using binding syntax