Angular 离子渲染html内容

我只想知道如何在

Ionic

应用程序上呈现

html内容，从相对类的属性中获取内容

例如，我有以下两个文件

home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

    message: String;

    constructor(public navCtrl: NavController) {
        this.message =
            `Below there is a piece of cake for you:<br />
            <img src="http://image.ibb.co/nJVNVS/cake.png" />`;
    }

}

从'@angular/core'导入{Component}；
从'ionic angular'导入{NavController}；
@组成部分({
选择器：“主页”，
templateUrl:'home.html'
})
导出类主页{
消息：字符串；
构造函数（公共navCtrl:NavController）{
这是我的留言=
`下面有一块蛋糕给你：

`;
}
}

home.html

<ion-header>
    <ion-navbar>
        <ion-title>Home</ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <h2>Welcome to Ionic!</h2>
    <p>
        This starter project comes with simple tabs-based layout for apps that are going to primarily use a Tabbed UI.
    </p>
    <p>
        {{message}}
    </p>
</ion-content>


家
欢迎来到爱奥尼亚！

此初学者项目为主要使用选项卡式UI的应用程序提供了简单的基于选项卡的布局。


{{message}}


然后，当我运行这个
Ionic
应用程序时，我得到以下输出：


图像未渲染。取而代之的是它的html标记

你知道我怎样才能使这幅图像得到渲染吗

谢谢。
如果要在元素中插入HTML，可以将[innerHTML]属性添加到
，这将在
元素中以HTML形式呈现消息变量的内容

<ion-content padding>
    <h2>Welcome to Ionic!</h2>
    <p>
        This starter project comes with simple tabs-based layout for apps 
        that are going to primarily use a Tabbed UI.
    </p>
    <p [innerHTML]="message"></p>
</ion-content>


欢迎来到爱奥尼亚！

此初学者项目为应用程序提供了简单的基于选项卡的布局
它们将主要使用选项卡式UI。


如果要在元素中插入HTML，可以将[innerHTML]属性添加到
，这将在
元素中以HTML形式呈现消息变量的内容

<ion-content padding>
    <h2>Welcome to Ionic!</h2>
    <p>
        This starter project comes with simple tabs-based layout for apps 
        that are going to primarily use a Tabbed UI.
    </p>
    <p [innerHTML]="message"></p>
</ion-content>


欢迎来到爱奥尼亚！

此初学者项目为应用程序提供了简单的基于选项卡的布局
它们将主要使用选项卡式UI。


试试
。试试
。谢谢！，真管用，汉克斯！，成功了