小编Djk*_*bus的帖子

Angular 5-使用管道清理HTML

当我得到警告时:

“警告:清理HTML会剥离一些内容”

我进行了一些研究,发现人们使用下面的管道或看起来像下面的管道

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

@Pipe({
  name: 'sanitizeHtml'
})
export class SanitizeHtmlPipe implements PipeTransform {

 constructor(private _sanitizer:DomSanitizer) { }

 transform(v:string):SafeHtml {
   return this._sanitizer.bypassSecurityTrustHtml(v);
 }
}
Run Code Online (Sandbox Code Playgroud)

不幸的是,即使我实现这样的管道,我仍然会遇到相同的错误:

<span [innerHTML]="specialist.blocks[0].paragraph.html | sanitizeHtml"></span>
<p [innerHTML]="package.fields.remarks | sanitizeHtml"></p>
<li [innerHTML]="package.fields.name | sanitizeHtml"></li>
Run Code Online (Sandbox Code Playgroud)

所以我想知道我是错误地实现了管道还是还有其他原因导致管道不起作用?

编辑:

的示例specialist.blocks[0].paragraph.html

“ <div id =” test“ class =” test“> \ n <h3> NAME专家名单</ h3> \ n <p>随机文本</ p> </ div> \ n </ div>”

的示例package.fields.remarks …

html-sanitizing angular angular5

6
推荐指数
2
解决办法
2万
查看次数

标签 统计

angular ×1

angular5 ×1

html-sanitizing ×1