Come associare HTML grezzo in Angular2

Question

Uso Angular 2.0.0-beta.0 e desidero creare e associare direttamente un semplice codice HTML. È possibile e come?

Ho cercato di usare

{{myField}} 

ma il testo in myField otterrà sfuggito.

Per 1.xi angolare trovato risultati per ng-bind-html, ma questo non sembra essere supportato in 2.x

thx Frank

Answer 1

legarsi al innerHTML attributo

C'è 2 modo per raggiungere:

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

Per contrassegnare il passato HTML come attendibile in modo che Angolari DOM disinfettante non elimina le parti del

<div [innerHTML]="myField | safeHtml"></div> 

con un tubo come

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

Vedi anche In RC.1 some styles can't be added using binding syntax