Doğru yol Açısal 2 RC6 ile Bileşen için DomSanitizer Sağlayın

Question

Bir Bileşen içinde dinamik bir URL sterilize etmek için DomSanitizer kullanmaya çalışıyorum. Bu hizmet için bir Sağlayıcı belirtmek için doğru yolu neye karar veriyorum gibi görünmüyor. Bu çalışma zamanında hata this.sanitizer.bypassSecurityTrustResourceUrl is not a function sonuçlanır

@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() {} 
} 

: Ben Angular 2.0.0-rc.6

kullanıyorum

İşte benim şimdiki bileşenidir.

Birisi bana DomSanitizer için bir Sağlayıcının nasıl düzgün bir şekilde sağlanabileceğine dair bir örnek gösterebilir mi? Teşekkürler!

Answer 1

Sen providers: [ DomSanitizer ] artık ilan etmeye gerek yok BrowserModule

@NgModule({ 
    imports: [BrowserModule], 
}) 

See ithal sahip olun.
Sadece ihtiyaç

constructor(private sanitizer: DomSanitizer) {} 

Answer 2

ikisi de sadece bu tip döküm olmadan gerekli yöntemler sağlar çünkü

constructor(private sanitizer: DomSanitizer) {} 
constructor(private sanitizer: Sanitizer) {} 

DomSanitizer enjekte iyidir çalışmalıdır.

ayrıca In RC.1 some styles can't be added using binding syntax

Answer 3

İthalat

onun- bileşeni olarak aşağıda bir yapıcı yoluyla enjekte aşağıda gösterildiği gibi import DomSanitizer,

import { DomSanitizer, SafeResourceUrl, SafeUrl} from '@angular/platform-browser'; 

e

trustedDashboardUrl : SafeUrl; 

bu yardımcı olur bak bu-

this.trustedDashboardUrl = 
         this.sanitizer.bypassSecurityTrustResourceUrl 
          ("URL"); 

gibi bu-

constructor(
    private sanitizer: DomSanitizer) {} 

-Specifiy URL gibi yapıcı günlerde kullan variable- tanımlar.