title: CanActivate route guard is not getting invoked
body: <p>//guard service</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, CanActivateChild } from '@angular/router';
  import { Observable } from 'rxjs/Observable';
  
  @Injectable()
  export class AuthGuardService implements CanActivate {
  
    constructor() {
    }
      canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean | Observable&lt;boolean&gt; | Promise&lt;boolean&gt; {
      console.log("can activate called");
      return true;
    }
  
  
  }
  
  
  //route
  const APP_ROUTES = [{
      path: 'login',
      CanActivate: [AuthGuardService],
      component: login
  }
  </code></pre>
  
  <p>so when login page loads it's not invoking can activate method and printing console. I have created a guard service and added CanActivate property in routes. </p>