在Ionic2页面中打印html内容

Question

我有一个 ionic2 页面，我想在离子项中打印HTML ： 这是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。也可以使用iframe。

some.html

Hello<br/><br/>Html

那么： -

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