Use route to control user dialog.

1 files changed, 3 insertions, 6 deletions

diff --git a/Timeline/ClientApp/src/app/app.component.ts b/Timeline/ClientApp/src/app/app.component.ts
index ee02f833..33f33048 100644
--- a/Timeline/ClientApp/src/app/app.component.ts
+++ b/Timeline/ClientApp/src/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+
 import { UserService } from './user/user.service';
 
 @Component({
@@ -7,10 +8,6 @@ import { UserService } from './user/user.service';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-
-  constructor(private userService: UserService) { }
-
-  openUserDialog() {
-    this.userService.openUserDialog();
-  }
+  // never remove userService because we need it explicit constructing.
+  constructor(userService: UserService) { }
 }