Question

Angular，ngrx和TypeScript的新手，我正在关注ngrx GitHub页面上的示例以了解基础知识。但是，我在关注简单应用时遇到了此错误：argument of type '"counter"' is not assignable to parameter of type '(state: AppState) => number'。

我的代码如下，constructor内的第24行发生错误：

import { Component } from '@angular/core';
import { Store } from '@ngrx/store';
import { Observable } from 'rxjs/Observable';
import { INCREMENT, DECREMENT, RESET } from './counter';

interface AppState {
    counter: number;
}

@Component({
    selector: 'app-counter',
    template: `
        <button (click)="increment()">Increment</button>
        <div>Current Count: {{counter | async}}</div>
        <button (click)="decrement()">Decrement</button>
        <button (click)="reset()">Reset</button>
    `
})

export class CounterComponent {
    counter: Observable<number>;

    constructor(private store: Store<AppState>) {
        this.counter = store.select<number>('counter');
    }

    increment() {
        this.store.dispatch({type: INCREMENT});
    }

    decrement() {
        this.store.dispatch({type: DECREMENT});
    }

    reset(){
        this.store.dispatch({type: RESET});
    }
}

我错过了Observable或number之间的某些类型转换？任何提示将不胜感激。

P.S。找到了我的问题的修复程序，我将构造函数中的第24行更改为this.counter = this.store.select(AppState => AppState.counter);，一切正常。我不确定它为什么会起作用，仍然试图理解整个事情。

Answer 1

找到了我的问题的修复程序，我在contructor里面的第24行更改为this.counter = this.store.select（AppState =＆gt; AppState.counter）;一切都很好。我不确定它为什么会起作用，仍然试图理解整个事情。

类型'“counter”'的参数不能分配给'（state：AppState）=＆gt;类型的参数。数'

1 个答案: