我有从我的数据库返回的内容来查看:
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