在 Ionic2 页面中打印 html 内容

Question

我有一个 ionic2 页面，我想 print HTML inside ion-item: 这是 ionic2 页面：

@Page({
    templateUrl: './html-page.html',
})
export class Demo{

    htmlString:string = "Hello<br/><br/>Html"

    constructor() {
    }
}

这是相应的模板：

<ion-content>
    <ion-card>
        {{htmlString}}
    </ion-card>
</ion-content>

而现在Hello<br/><br/>Html输出。 但我想要

你好

Html

会输出

Answer 1

请这样试一下。

<ion-content>
<ion-card>
<div [innerHTML] = "'<p>' + htmlString + '</p>'"></div>
</ion-card>
</ion-content>

希望对您有所帮助。谢谢

Answer 2

如果你想显示渲染你的 html 文本，你也可以使用 iframe - 大文本。

some.html

Hello<br/><br/>Html

然后:-

<ion-content>
    <ion-card>
        <iframe src="some.html"></iframe>
    </ion-card>
</ion-content>

Print html content in Ionic2 page