Correct way Provide DomSanitizer to Component with Angular 2 RC6

javascript angular typescript angular-services angular-dom-sanitizer

You don't need to declare providers: [ DomSanitizer ] anymore.
Just need to import DomSanitizer as shown below,

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

in component inject it through a constructor as below,

constructor(private sanitizer: DomSanitizer) {}

javascript angular typescript angular-services angular-dom-sanitizer

Import these-

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

define variable-

trustedDashboardUrl : SafeUrl;

Use it in constructor like this-

constructor(    private sanitizer: DomSanitizer) {}

Specifiy URL like this-

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

See if this helps.

javascript angular typescript angular-services angular-dom-sanitizer

Both should work

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

Injecting DomSanitizer is better because only this type provides the necessary methods without casting.

Ensure you have imported the BrowserModule

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

CodeHunter