我试图使用带有html标签的angular打印数据，但它不起作用

Question

"description": "<p><s><em><strong>Plurar or singular, seconds, minutes, hours, days, weeks, or years, it runs automatically. I've tested it on Laravel version 4.1.24.</strong></em></s></p>",

当我打印时 {{description}}然后打印：

<p><s><em><strong>Plurar or singular, seconds, minutes, hours, days, weeks, or years, it runs automatically. I've tested it on Laravel version 4.1.24.</strong></em></s></p>

我希望这样：

Plurar or singular, seconds, minutes, hours, days, weeks, or years, it runs automatically. I've tested it on Laravel version 4.1.24.

Answer 1

<div [innerHTML]="description">
</div>

写这样的东西。

Answer 2

要渲染html文件，您已使用[innerHTML]属性。

有时，角度会从你正在渲染的html字符串中删除一些属性。

您可以创建一个用于显示html的管道

import { Pipe, PipeTransform } from "@angular/core";
import { DomSanitizer } from '@angular/platform-browser';
@Pipe({ name: 'securehtml' })
export class SecureHtml {
    constructor(private domSanitizer: DomSanitizer) { }
    transform(html) {
        return this.sanitizer.bypassSecurityTrustHtml(html);
    }
}

和html

<div [innerHtml]="htmlstring | securehtml"></div>

Answer 3

<div [innerHTML]="description"></div>

在ts文件中将数据放入描述中它将起作用

Answer 4

我试过这个并且有效：

{{!!description!!}}