关于javascript:在Ionic2页面中打印html内容

Print html content in Ionic2 page

本问题已经有最佳答案,请猛点这里访问。

我有一个IONIC2页面,我想在该ION项中打印HTML:以下是IONIC2页面:

1
2
3
4
5
6
7
8
9
10
@Page({
    templateUrl: './html-page.html',
})
export class Demo{

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

    constructor() {
    }
}

下面是对应的模板:

1
2
3
4
5
<ion-content>
    <ion-card>
        {{htmlString}}
    </ion-card>
</ion-content>

现在,Hello

Html被输出。但我想要那个

你好

HTML

将被输出。


请这样试试。

1
2
3
4
5
6
<ion-content>
<ion-card>
' + htmlString + '
</p>'">
</ion-card>
</ion-content>

希望这对你有帮助。谢谢。


如果您想显示呈现HTML文本,也可以使用iframe-也可以是大文本。

一些.html

1
Hello<br/><br/>Html

然后:

1
2
3
4
5
<ion-content>
    <ion-card>
        <iframe src="some.html"></iframe>
    </ion-card>
</ion-content>