1

angular 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
})

テンプレートにカウンター、つまりリデューサー値を表示するにはどうすればよいですか?

githubリンク: https://github.com/dimitri-a/ngrx_newtoy

4

1 に答える 1

0

ここで答えを見つけました: https://github.com/ngrx/store。レデューサーをオブザーバブルとして宣言する必要があります。

于 2016-05-07T23:37:09.760 に答える