Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Ionic2页面中打印html内容_Javascript_Html_Angular_Ionic2 - Fatal编程技术网

Javascript 在Ionic2页面中打印html内容

Javascript 在Ionic2页面中打印html内容,javascript,html,angular,ionic2,Javascript,Html,Angular,Ionic2,我有一个ionic2页面,我想在ion项目中打印HTML: 以下是ionic2页面: @Page({ templateUrl: './html-page.html', }) export class Demo{ htmlString:string = "Hello<br/><br/>Html" constructor() { } } 下面是相应的模板: <ion-content> <ion-card>

我有一个ionic2页面,我想在ion项目中打印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>
现在HelloHtml是输出。但是我想要这个

你好

Html


将被输出。

请这样尝试

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

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

如果您想显示并呈现html文本,您也可以使用iframe—也可以是大文本

some.html

Hello<br/><br/>Html
然后:-

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

很有魅力