Angular: ngrx subscribe doesn't update the view

Asked Aug 29 '18 at 10:31

Active Aug 29 '18 at 10:51

Viewed 23 times

I can't find the error, the design redux works fine and update correctly the variable. console.log(this.count) works, but the subscribe doesn't update the view {{ count }}

Many thanks.

import { Store } from '@ngrx/store';
import * as fromContador from '../logic.actions';
import { AppState } from '../app.reducer';

export class InputsComponent {

      count: number;

      constructor(private store: Store<AppState>) {

            this.store.select('count').subscribe(function(contador){

                   this.count= count;
                   console.log("count:" +  this.count);

            });                      
      }

edited Aug 29 '18 at 10:51

asked Aug 29 '18 at 10:31

Gelso77

1,763
6
30
47

1

You're updating `this.contador`, not `this.count`? – user184994 Aug 29 '18 at 10:32
sorry i've made a mistake, I 've update the code. – Gelso77 Aug 29 '18 at 10:51
1

You are using `function` in the callback. That's the problem. – eko Aug 29 '18 at 10:52
@eko , of course i am using a function in the callback what do you mean exactly ? – Gelso77 Aug 29 '18 at 10:54
1

@Gelso77 You need to use arrow functions, otherwise you lose the context of `this`. – user184994 Aug 29 '18 at 10:55
1

@Gelso77 please read the question and the answer in the duplicate link. – eko Aug 29 '18 at 10:56
Thanks it works, I've solved to add .bind(this); – Gelso77 Aug 29 '18 at 11:01

Angular: ngrx subscribe doesn't update the view

0 Answers0