Интерфейс)

src/app/app.component.html

@@ -1,22 +1,19 @@
 <md-toolbar color="primary">
   <span>Log Manager</span>
   <span style="flex: 1 1 auto;"></span>
-  <span><button md-raised-button color="warn">Выхода нет</button></span>
+  <span><button (click)="Exit();" md-raised-button color="warn">Выхода нет</button></span>
 </md-toolbar>
 
-<md-card>
+<md-card *ngIf="!showCon">
   <md-input-container>
-    <input mdInput placeholder="Пароль" type="password">
+    <input (change)="pass=$event.target.value" mdInput placeholder="Пароль" type="password" id="password">
   </md-input-container>
-  <button (click)="showCon=!showCon" md-raised-button>Расшифровать заголовки</button>
+  <button (click)="Decrypt();" md-raised-button>Расшифровать заголовки</button>
 </md-card>
 
-<div *ngIf="showCon;else empty" class="app-content">
+<div *ngIf="showCon" class="app-content">
   <md-card>
     <md-checkbox>Kek</md-checkbox><p></p>
     <button md-raised-button>Toggle</button>
   </md-card>
 </div>
-
-<ng-template #empty>
-</ng-template>

src/app/app.component.ts

@@ -6,5 +6,12 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  //title = 'app works!';
+  showCon = false;
+  pass: string;
+  Exit(): void {
+    this.showCon = false;
+  }
+  Decrypt(): void {
+    this.showCon = true;
+  }
 }