Javascript 将ng内容呈现为html-Angular 2

我的API正在返回HTML内容（我希望它返回—它必须返回）。我想以2/7的角度将此内容呈现为HTML

现在，我有

<div class="card-container" [ngClass]="type === 'bot' ? 'white' : 'blue'">
    <div class="header" >
        <b>{{name}}</b> 
        {{date}}
    </div>
    <ng-content></ng-content>
</div>

{{name}}
{{date}}

这里的目标是将ng内容呈现为HTML

在上下文中，ng内容是这样的 考试日期：11月19日星期一 这个组件叫做chat-card.component

<div class="right-child">
    <app-chat-card type={{type}}>
        <ng-content></ng-content>
    </app-chat-card>
</div>

这是一个叫做chat-card-area.component的父组件

<div class="right-child">
    <app-chat-card type={{type}}>
        <ng-content></ng-content>
    </app-chat-card>
</div>

而父if聊天卡区域只是chat.component，它具有

<div *ngFor="let message of messages">
    <app-chat-card-area type={{message.type}}>
    {{message.text}} // I want this to be rendered as html
    </app-chat-card-area>
</div>

{{message.text}}//我希望将其呈现为html

---

你知道怎么做吗？

在这里使用

innerHTML

绑定：-

<div *ngFor="let message of messages">
    <app-chat-card-area type={{message.type}}>
      <div [innerHTML]="message.text"></div> // Will render as HTML
    </app-chat-card-area>
</div>

//将呈现为HTML

在此处使用

innerHTML

绑定：-

<div *ngFor="let message of messages">
    <app-chat-card-area type={{message.type}}>
      <div [innerHTML]="message.text"></div> // Will render as HTML
    </app-chat-card-area>
</div>

//将呈现为HTML