Angular Urlresolver Is Not Overridden By Custom Provider

I have an Angular application in which I'd like to use a custom UrlResolver provider in order to add some cache breaking logic, as seen in this question (https://stackoverflow.com/

Solution 1:

You should provide your custom UrlResolver as part of providers in CompilerOptions when bootstraping application:

platformBrowserDynamic().bootstrapModule(AppModule, { 
  providers: [{ provide: UrlResolver, useClass: NewUrlResolver 
}]})

Plunker Example