Angular 2/4在首次加载时无法正常工作

Question

I have error when using router.navigate in angular 4, when route to other page, this page is not load correctly after refresh page.

I'm using angular2-color-picker

First time load page, color box is just text.

And after refresh, it had background color.

Any help is appreciate.

Answer 1

Add to your app.module in providers

import { LocationStrategy, HashLocationStrategy } from  '@angular/common';


@NgModule({  
 ...
 providers: [ 
 {
  provide: LocationStrategy,
  useClass: HashLocationStrategy
 }]
})
export class AppModule {
}