Question

尝试绕过角度为2的ngrx / store api。我实现了一个简单的反减速器：

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。您必须将reducer声明为可观察的。

如何显示减速机的当前状态？

1 个答案: