前兩天我們教大家怎麼部屬了網頁，但網頁的內容幾乎沒說。
基本上網頁配置有右側的bar及左側的表格，這樣基本上就能建立我們需要的

第一件事至firebase authentication

設定登入方式

首先登入的部分是利用angular fire的 authentication
我將其作為一個component，負責login

需要以下的東西

import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';
import { Observable } from 'rxjs';

這邊則是寫登入後取得帳戶及導向首頁

export class LoginComponent implements OnInit {

  private authUser: Observable<firebase.User>;
  private account: Observable<Account>;

  constructor(private auth: AngularFireAuth, private router: Router, private accountService: AccountService) {
    this.authUser = auth.authState;
    this.authUser.subscribe(user => {
      if (user) {
        this.account = this.accountService.getAccount(user.uid);
        this.router.navigate(['/home']);
      }
    });
  }

  ngOnInit() {
  }

}

點擊後轉到，選擇帳戶，若沒有被擋即可到首頁