`@ ngrx / store` - createFeatureSelector никогда не вызывается из компонента-оболочки - PullRequest
Новая
       12

`@ ngrx / store` - createFeatureSelector никогда не вызывается из компонента-оболочки

0 голосов
/ 17 февраля 2019

Вот мой createFeatureSelector ts файл: 

import { State } from "./../../state/app.state";
import { EventState, ModelEvent } from "./../models/model.event";

import { createFeatureSelector, createSelector, ActionReducerMap } from "@ngrx/store";

export interface NewState extends State {
    events:EventState
}

const getCalendarFeatureState = createFeatureSelector<EventState>("reducer");

export const getEvents = createSelector(getCalendarFeatureState, state =>  state.events );

мой компонент оболочки событий (где я вызываю getEvents): 

import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';

import * as fromRoot from  "./../../state";
import { CalendarActions, Load } from "./../../state/calendar.actions";
import { ModelEvent, EventState } from "./../../models/model.event";

@Component({
    selector: 'calendar-shell',
    templateUrl: './calendar-shell.component.html',
    changeDetection:ChangeDetectionStrategy.OnPush
})
export class CalendarShellComponent implements OnInit {

    events$:Observable<any>

    constructor(private store:Store<fromRoot.NewState>) { }

    ngOnInit():void{

        this.store.dispatch(new Load());
        this.events$ = this.store.pipe(select(fromRoot.getEvents)); //getting nothing!!

    }

}

шаблон: 

<div *ngIf="events$ |  async"> //shows nothing!!
    <ul>
        <li *ngFor="let item of events">{{item.title}}</li>
    </ul>
</div>

Любая помощь?заранее спасибо.(готовы предоставить дополнительную информацию, если таковые имеются)

1 Ответ

0 голосов
/ 17 февраля 2019

Я обновляю элемент dom следующим образом: 

<div *ngIf="events$ |  async"> //shows nothing!!
    <ul>
        <li *ngFor="let item of events | async">{{item.title}}</li>
    </ul>
</div>

отлично работает.

...