movies-page.component.2.ts

@Component({
  selector: 'app-movies-page',
  template: `
    <h1>Movies Page</h1>

    <div *ngIf="error">
      {{ error }}
    </div>
  `
})
export class MoviesPageComponent implements OnInit {
  error = '';

  constructor(
    private store: Store<fromRoot.State>,
    actions$: Actions
  ) {
    actions$.pipe(
      ofType('[Movies/API] Load Movies Failure'),
    ).subscribe(action => this.error = action.payload);
  }

  ngOnInit() {
    this.store.dispatch({ type: '[Movies Page] Load Movies' });
  }
}