Maneira correta Fornecer DomSanitizer ao componente com Angular 2 RC6
Estou tentando usar o DomSanitizer para limpar uma URL dinâmica dentro de um componente usando. Não consigo descobrir qual é a maneira correta de especificar um provedor para este serviço.
estou a usarAngular 2.0.0-rc.6
Aqui está o meu componente atual:
@Component({
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ],
providers: [ DomSanitizer ],
})
export class AppComponent implements OnInit
{
public url: SafeResourceUrl;
constructor(private sanitizer: DomSanitizer) {}
ngOnInit() {
let id = 'an-id-goes-here';
let url = `https://www.youtube.com/embed/${id}`;
this.videoUrl = this.sanitizer.bypassSecurityTrustResourceUrl(url);
}
ngOnDestroy() {}
}
Isso resulta no errothis.sanitizer.bypassSecurityTrustResourceUrl is not a function
em tempo de execução.
Alguém poderia me mostrar um exemplo de como fornecer adequadamente um provedor para DomSanitizer? Obrigado!