我正在尝试使用带有html标记的angular打印数据,但它不起作用

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

写这样的东西。

要呈现html文件,请使用[innerHTML]属性。

有时,angular会从正在渲染的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>

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

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

我已经试过了,效果很好:

{{!!description!!}}