Angular

export class AuthGuard implements CanActivate {
constructor(auth: AuthService) {
this.auth = auth;
}
canActivate(route, state) {
return Observable
.merge(this.auth.fetchCurrentUser(), Observable.of(true))
.filter(x => x == true);
}
}
Here is our CurrentUserResolver:
import { Injectable } from '@angular/core';
import { Resolve } from "@angular/router";
import { Observable } from 'rxjs/Rx';
import { AuthService } from '../services/AuthService';
@Injectable()
export class CurrentUserResolver implements Resolve {
constructor(auth: AuthService) {
this.auth = auth;
}
resolve(route, state) {
return this.auth.currentUser;
}
}
Section 17.4: Use Guard in app bootstrap
File main.ts (or boot.ts)
Consider the examples above:
1.
2.
Create the guard (where the Guard is created) and
Add guard to route configuration, (where the Guard is configured for route, then
APP_ROUTER_PROVIDERS is exported),
we can couple the bootstrap to Guard as follows
import { bootstrap } from '@angular/platform-browser-dynamic';
import { provide } from '@angular/core';
import { APP_ROUTER_PROVIDERS } from './app.routes';
import { AppComponent } from './app.component';
bootstrap(AppComponent, [
APP_ROUTER_PROVIDERS
])
.then(success => console.log(`Bootstrap success`))
.catch(error => console.log(error));
Section 17.5: Bootstrapping
Now that the routes are defined, we need to let our application know about the routes. To do this, bootstrap the
provider we exported in the previous example.
Find your bootstrap configuration (should be in main.ts, but your mileage may vary).
GoalKicker.com – Angular 2 Notes for Professionals 83