dummy-data.ts
ファイルにこのオブジェクトがあります。サービスを通じて、私はそれを首尾よくapp.component.ts
に引き出します。私のテンプレート(Angular2/TypeScript)でHTML文字列をHTMLに変換するにはどうしたらいいですか?
{name:"Object1",
prop1: {key:'value', key:'value'},
password: "[email protected]",
htmlText:'<h4>This is THE demo text</h4><p>I want it to display as HTML</p>'
}
app.component.ts
単純に開始するには、次のようになります。
@Component({
selector: 'my-app',
template: `<h1>{{title}}</h1>
<p *ngFor="#plot of plots">
{{plot.personalPanelText.transition}}
</p>
`,
providers: [PlotService]
})
最終結果ではなく、HTMLの文字列です。私はHTMLをコードで、HTMLタグではなくテキストにします。
私はいくつかの方法で試してみましたが、世界規模のネットとAngular2のドキュメントを突っ込んできましたが、解決策が見つかりませんでした。
ありがとうございます!
私はあなたのオブジェクトを格納する場所がわからないので、私の答えのコードがあなたのニーズに正確に合わないかもしれません。単にコメントを追加するか、詳細を追加して質問を更新してください。 –
JavaScriptでは、HTMLは文字列としてのみ発生します。このように、私はあなたが何を意味するのか理解していません。「最終結果はHTMLではなく文字列です。HTMLをコードで、HTMLタグではなくHTMLにします。 –