如何绕过angular2安全,自定义管道

时间:2017-02-08 14:36:49

标签: angular typescript

我有从我的数据库返回的内容来查看:

some blog text  <iframe width="560" height="315" src="https://www.youtube.com/embed/Sanhp_td4Uw" frameborder="0"
allowfullscreen></iframe> More blog text.

我想要做的是让iframe在我的内容中显示嵌入的视频。 如您所见,它只显示为字符串。

所以我继续创建了这个管道:

import { Pipe, PipeTransform } from '@angular/core';
import {DomSanitizer, SafeHtml} from '@angular/platform-browser';
@Pipe({
  name: 'safehtml'
})
export class SafehtmlPipe implements PipeTransform {
  constructor(private _sanitizer: DomSanitizer){}
  transform(value: any, args?: any): SafeHtml {
    return this._sanitizer.bypassSecurityTrustHtml(value);
  }

}

我在我的模板中使用它:

<div [outerHTML]="pageBlg.blog | safehtml"></div>

但这并没有改变任何事情。 plnkr

0 个答案:

没有答案