Я прочитал этот пост и эта статья. Я считаю, что сделал все, что было предложено: добавил канал в общий модуль.
Однако, что бы я ни делал, я не могу заставить свой шаблон найти созданный канал. В моем приложении уже есть общий модуль, который импортируют другие модули, поэтому я создаю канал и добавляю его в общий модуль:
Я создал его с помощью ng g pipe /shared/pipes/safe --flat --module shared --spec=false
В SharedModule я также добавил его в declarations
и providers
.
Все работает, но я пытаюсь использовать канал, например:
<iframe width="600" height="360" [src]="video.acf.youtube_url | safe: 'url'" frameborder="0" allowfullscreen></iframe>
я просто получаю сообщение об ошибке
Error: Uncaught (in promise): Error: Template parse errors: The pipe 'safe' could not be found
Сама труба есть
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
@Pipe({
name: 'safe'
})
export class SafePipe implements PipeTransform {
constructor(protected sanitizer: DomSanitizer) { }
public transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {
switch (type) {
case 'html': return this.sanitizer.bypassSecurityTrustHtml(value);
case 'style': return this.sanitizer.bypassSecurityTrustStyle(value);
case 'script': return this.sanitizer.bypassSecurityTrustScript(value);
case 'url': return this.sanitizer.bypassSecurityTrustUrl(value);
case 'resourceUrl': return this.sanitizer.bypassSecurityTrustResourceUrl(value);
default: throw new Error(`Invalid safe type specified: ${type}`);
}
}
}