DomSanitizer выдает ошибку - PullRequest
Новая
       40

DomSanitizer выдает ошибку

0 голосов
/ 11 июня 2018

Я доверяю URL с помощью .. DomSanitizer, как показано ниже: 

myFunction(videoLoc:any):void { 
    videoLoc = this.sanitizer.bypassSecurityTrustResourceUrl(videoLoc); 
}

, но получаю сообщение об ошибке на консоли:

GET unsafe: myFunction (https://www.youtube.com/watch?v=c9F5kMUfFKk)

Мой HTML-код выглядит следующим образом: 

<tr *ngFor="let fetch of fetchApi.data.featured">
  <td>
     <video width="320" height="240" controls>                                                                                                                                              
     <source src=myFunction({{fetch.video_location}})>
     </video>
  </td>                                                                                                                                                                                                                                                                                                                                     
</tr>

По этой причине я не смог отобразить свои видео на HTML-странице. В чем заключается ошибка, которую я делаю?

1 Ответ

0 голосов
/ 11 июня 2018

Ваш шаблон кажется неправильным, он должен быть 

<source [src]="myFunction(fetch.video_location)">

и просто вернуть videoLocation после его очистки 

myFunction(videoLoc:any):void {
 return this.sanitizer.bypassSecurityTrustResourceUrl(videoLoc);
}

, или вы можете справиться с этим с помощью Pipe, 

@Pipe({ name: 'safe' })
export class SafePipe implements PipeTransform {
  constructor(private sanitizer: DomSanitizer) {}
  transform(url) {
    return this.sanitizer.bypassSecurityTrustResourceUrl(url);
  }
}

, а затем 

  <source [src]="mfetch.video_location | safe">
...