new_component.ts

import { Component, OnInit, OnDestroy } from "@angular/core";
import { Store } from "@ngrx/store";
import { AppState } from "../store/app-state";
import { Subscription } from "rxjs/Subscription";
import { xxxStore } from "../store/xxx";
import { xxx } from "../models/xxx";

@Component({
  selector: 'xxx',
  templateUrl: './xxx.pug',
})
export class xxxComponent implements OnInit, OnDestroy {

  private xxxSubscription: Subscription

  public xxx: xxx[]

  constructor(
    private store: Store<AppState>,
  ) {}

  ngOnInit() {
    this.xxxSubscription =
      this.store.select("xxxReducer")
        .subscribe((s: xxxStore) => {
          this.xxx = s.xxx
        })

  }

  ngOnDestroy() {
    this.xxxSubscription.unsubscribe()
  }

}