Comment puis-je convertir des chaînes de HTML en HTML dans mon template (Angular2/Tapuscrit)?

J'ai cet objet dans un dummy-data.ts fichier. Par le biais d'un service que j'ai tirer avec succès dans de app.component.ts.

{name:"Object1", 
    prop1: {key:'value', key:'value'},
    password: "P@ssword1",
    htmlText:'<h4>This is THE demo text</h4><p>I want it to display as HTML</p>'
}

Actuellement app.component.ts ressemble à ça, à commencer simplement:

@Component({
    selector: 'my-app',
    template: `<h1>{{title}}</h1>
        <p *ngFor="#plot of plots">
            {{plot.personalPanelText.transition}}
        </p>
`,
providers: [PlotService]  
})

Le résultat final est des chaînes au lieu de HTML. Je veux le code HTML à code, pas de texte avec des balises HTML.

J'ai essayé un couple de façons et de piquer à travers le world wide filets et Angular2 docs, mais ne pouvais pas trouver une solution.

Merci d'avance!

Je ne vois pas où vous stockez votre objet donc le code dans ma réponse peut ne pas correspondre exactement à vos besoins. Il suffit d'ajouter un commentaire ou une mise à jour de votre question avec plus de détails.
En JavaScript, le HTML ne peut se produire que des chaînes. En tant que tel, je ne comprends pas ce que tu veux dire par "Le résultat final est des chaînes au lieu de HTML. Je veux le code HTML à code, pas de texte avec des balises HTML.".

OriginalL'auteur McPhelpsius | 2016-04-28