不纯管道无法检测到绑定变量的变化，只能工作一次

Question

我正在使用角度的WYSIWYG编辑器，并在编辑器下预览其格式。但这并没有完全显示出某些样式。它正在删除某些部分，使该警告信号清理HTML剥离的某些内容。因此，我实现了一个用于显示确切HTML的自定义管道。自定义管道的解决方案位于this link

中

当加载的组件具有绑定到变量的默认值时，管道将首次在WYSIWYG中进行转换并保持内容的准确性。但是当我开始在所见即所得编辑器中进行编辑时，样式消失了。

自定义管道的代码：

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Pipe({ name: 'keepHtml', pure: false })
export class EscapeHtmlPipe implements PipeTransform {
    constructor(private sanitizer: DomSanitizer) {}

    transform(content:string) {
        return this.sanitizer.bypassSecurityTrustHtml(content);
    }
}

应用管道的代码

<ng-template ngbPanelContent>
    <div [innerHTML]="problemDescription | keepHtml "> 
    </div>
</ng-template>

所见即所得的编辑器：

首次预期的预览： ：

在wsiwyg编辑器中更改某些内容并更改变量数据时，格式错误： 更新1 实际上，每次我更改值时管道都会触发

  

消毒HTML会剥离一些内容

正在触发