将组件的状态交给服务来控制

index/src/app/app.component.ts

@@ -1,6 +1,7 @@
 import {Component, ElementRef, OnInit, TemplateRef, ViewChild} from '@angular/core';
 import {LoginReq} from './class/User';
 import {HeaderComponent} from './components/header/header.component';
+import {ComponentStateService} from './services/component-state.service';
 
 @Component({
     selector: 'app-root',
@@ -12,6 +13,9 @@ export class AppComponent {
     regModal: boolean = false;
     @ViewChild('headerComponent') header: HeaderComponent;
 
+    constructor(public componentStateService: ComponentStateService) {
+    }
+
     registration() {
         // todo :: 登录
         // console.log('registration');