typescript Angular 5安全html管道

Posted 2021-05-21

**Inside tag:** `<iframe width="560" height="315" [src]="getVideoURL(video.embed) | safe"></iframe>`

**Interpolation:** `{{ getVideoURL(video.embed) | safe }}`

**Note:** Pipe can be generate using angular cli: *ng g pipe path/name*

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

@Pipe({
  name: 'safe'
})
export class SafePipe implements PipeTransform {

  constructor(private sanitizer: DomSanitizer) { }

  transform(value: any, args?: any): any {
    if (value) {
      return this.sanitizer.bypassSecurityTrustResourceUrl(value);
    }
  }
}