Angular Model Pattern - initialize model on route change

ampe-resolve.ts

/* route configuration */ 
const routes: Routes = [
  {
    path: 'todos',
    component: TodosComponent,
    resolve: {
      todosInitialized: TodosService
    }
  }
  /* ... */
];

/* business service */
@Injectable()
export class TodosService implements Resolve<boolean> {

  resolve(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
  ): Observable<boolean> { 
    // get data from http, websocket, localstorage, ...
    // retrieve url state from route (query params, path params, ...)

    // sync
    const data = storage.get('my-data');
    this.model.set(data);               // set data in model
    return Observable.of(true);         // to finish navigation to the new route

    // or async
    return this.http.get(url)
      .map(res => res.json())           // extract data from response
      .do(data => this.model.set(data)) // set data in model
      .mapTo(true);                     // return true if successful
  }
}