NGRX Tutorial - Auth Component

ngrx-example-auth-component.ts

// NGRX Complete Tutorial Without Pain (Angular6 / RxJS6)
// https://medium.com/@andrew.kao/ngrx-complete-tutorial-without-pain-angular6-rxjs6-5511b8cb8dac

import { Component, OnInit } from '@angular/core';
import { Authentication } from '(authentication model)';
import * as fromTeam from '(team main reducers)';
import * as Auth from '(auth actions)';
import { Store, select } from '@ngrx/store';


// "Permission" has the similiar logic, try it.
@Component({
  selector: 'component-auth',
  templateUrl: 'the-auth-form.component.html'
})

export class AuthComponent implements OnInit {

  // The risky obserable object might be used to show some msg in template
  risky$ = this.store.pipe(select(fromTeam.getAuthRisk));

  constructor(private store: Store<fromTeam.TeamState>) {}

  ngOnInit() {}

  // The form is submitted with the corresponding model type `Authentication`
  onSubmit($event: Authentication) {
    this.store.dispatch(new Auth.Login($event));
  }
}