import {Component} from '@angular/core';
import {Router} from '@angular/router-deprecated';
import {MD_CARD_DIRECTIVES} from '@angular2-material/card';
import {MdButton} from '@angular2-material/button';
import {MD_LIST_DIRECTIVES} from '@angular2-material/list';
import {MD_INPUT_DIRECTIVES} from '@angular2-material/input';
import {MdIcon} from '@angular2-material/icon';
import {SurveyLoginService} from '../services/survey-login.svc';

interface IUser {
  isLoggedIn: boolean;
  type: string;
}

@Component({
  selector: 'survey-login',
  templateUrl: '/app/components/templates/survey-login.html',
  directives: [
    MD_CARD_DIRECTIVES,
    MdButton,
    MD_LIST_DIRECTIVES,
    MD_INPUT_DIRECTIVES,
    MdIcon
  ]
})
export class SurveyLogin {
  router: Router;
  login: Object;
  loginSvc: SurveyLoginService;
  selectedIndex: number = -1;

  submit(): void {
    this.loginSvc.login(this.login);
  }

  constructor(router: Router, loginSvc: SurveyLoginService) {
    this.router = router;
    this.loginSvc = loginSvc;
    this.loginSvc.login$.subscribe((res: IUser) => {
      if (res.isLoggedIn) {
        this.router.navigate(['List']);
      }
    });
    this.login = {
      user: '',
      pass: ''
    };
  }

}

import {Component} from '@angular/core';
import {MD_CARD_DIRECTIVES} from '@angular2-material/card';
import {MdButton} from '@angular2-material/button';
import {MD_LIST_DIRECTIVES} from '@angular2-material/list';
import {MD_INPUT_DIRECTIVES} from '@angular2-material/input';
import {MdIcon} from '@angular2-material/icon';

@Component({
  selector: 'survey-login',
  templateUrl: '/app/components/templates/survey-login.html',
  directives: [
    MD_CARD_DIRECTIVES,
    MdButton,
    MD_LIST_DIRECTIVES,
    MD_INPUT_DIRECTIVES,
    MdIcon
  ]
})
export class SurveyLogin {
  login: Object;
  selectedIndex: number = -1;

  submit(): void {
    console.log('submitted');
  }

  constructor() {
    this.login = {
      user: '',
      pass: ''
    };
  }

}

--- 
+++ 
@@ -1,9 +1,16 @@
 import {Component} from '@angular/core';
+import {Router} from '@angular/router-deprecated';
 import {MD_CARD_DIRECTIVES} from '@angular2-material/card';
 import {MdButton} from '@angular2-material/button';
 import {MD_LIST_DIRECTIVES} from '@angular2-material/list';
 import {MD_INPUT_DIRECTIVES} from '@angular2-material/input';
 import {MdIcon} from '@angular2-material/icon';
+import {SurveyLoginService} from '../services/survey-login.svc';
+
+interface IUser {
+  isLoggedIn: boolean;
+  type: string;
+}
 
 @Component({
   selector: 'survey-login',
@@ -17,14 +24,23 @@
   ]
 })
 export class SurveyLogin {
+  router: Router;
   login: Object;
+  loginSvc: SurveyLoginService;
   selectedIndex: number = -1;
 
   submit(): void {
-    console.log('submitted');
+    this.loginSvc.login(this.login);
   }
 
-  constructor() {
+  constructor(router: Router, loginSvc: SurveyLoginService) {
+    this.router = router;
+    this.loginSvc = loginSvc;
+    this.loginSvc.login$.subscribe((res: IUser) => {
+      if (res.isLoggedIn) {
+        this.router.navigate(['List']);
+      }
+    });
     this.login = {
       user: '',
       pass: ''
Add login service to login component
