Add example showing how to enable/disable a link based on role

[mraible]

Router guards might be a good way to do this.

https://angular.io/docs/ts/latest/guide/router.html#!#guards

[jclancy93]

I have a rough solution to this using router guards if anyone has interest in seeing it.

//auth-guard.service.ts

import { Injectable }       from '@angular/core';
import {
  CanActivate, Router,
  ActivatedRouteSnapshot,
  RouterStateSnapshot
}                           from '@angular/router';
import { AuthService }      from './auth.service';
import { Account, Stormpath } from 'angular-stormpath';
import { Observable } from 'rxjs';

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private authService: AuthService, private router: Router, public stormpath: Stormpath) {}


  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : any {
   return this.stormpath.user$
    .map(response => {
    	if(response == false) {
	    	console.log('no user found');
                this.router.navigate(['/login']);
    		return false;
    	}
    	else {
	    	console.log(response, 'user found')
    		return true;
    	}
    }).take(1);
  }

}

I import Stormpath which allows me to use this.stormpath.user$ which returns an observable<Account|Boolean>. CanActivate allows navigation to the route if returns true and 'guards' the route if returns false.