Как отобразить текущее состояние редуктора?

Question

Попытки получить мою голову вокруг ngrx/магазин апи для углового 2. я реализовал простой счетчик редуктор:

import {Store} from '@ngrx/store' 

export const INCREMENT ='INCREMENT'; 
export const DECREMENT='DECREMENT'; 


export const counter = (state = 0, {type, payload}) => { 
    switch(type){ 
    case INCREMENT: 
     return state=state+1; 
    case DECREMENT: 
     return state=state-1; 
    default: 
     return state; 
    } 
} 

Я хочу, чтобы отобразить значение счетчика:

@Component({ 
    selector: 'todo-app', 
    providers: [], 
    template: ` 
    <div> 

    <nextStepButton (next)="prev()"></nextStepButton> 

    <nextStepButton (next)="next()"></nextStepButton> 

    how to display the counter:{{counter.val}} 

    <log-monitor></log-monitor> 

    `, 
    directives: [LogMonitor, myList, step, nextStepButton, step2], 
    changeDetection: ChangeDetectionStrategy.OnPush 
}) 

Как можно отобразить счетчик, то есть значение редуктора в шаблоне?

githublink: https://github.com/dimitri-a/ngrx_newtoy

Answer 1

Я нашел ответ здесь: https://github.com/ngrx/store. Вы должны объявить редуктор как наблюдаемый.