document.write("
 
import { Component, OnInit } from '@angular/core';
import * as fromUsers from "../store";
import { Store, select } from '@ngrx/store';
import { IUser } from '../_interfaces/user';
 
@Component({
  selector: 'app-get-user',
  templateUrl: './get-user.component.html',
  styleUrls: ['./get-user.component.scss']
})
export class GetUserComponent implements OnInit {
  users: IUser[] = [];
  public isLoading: boolean;
  constructor(
    private _store: Store<fromUsers.IUserState>) { }
 
  ngOnInit() {
    this._store.dispatch(new fromUsers.GetUserLoad());
    const users$ = this._store.pipe(select(fromUsers.allUsers));
 
    users$.subscribe(res => {
      this.isLoading = res.isLoading;
      this.users = res.data;
    });
  }
 
  public getFirstTenUsers(): void {
    const firstTenUsers$ = this._store.pipe(select(fromUsers.firstTenUsers));
 
    firstTenUsers$.subscribe(res => {
      this.isLoading = res.isLoading;
      this.users = res.data;
    });
  }
}
get-user.component.ts - Snippet hosted by \"Cacher\"
RAW
");