缺少来自类型 'Observable<PizzaState> 的以下属性

Question

我尝试创建从商店收到但对此有红眼的比萨$。

this.pizzas$

我不知道为什么会这样，但是当我删除时 : Observable<PizzaState> 这是这个修复，但我想使用强类型我该如何修复它？

完整代码

import { Store } from '@ngrx/store';
import { ProductesState } from '../shared/models/productesState.model';
import { Observable } from 'rxjs';
import { PizzaState } from '../shared/models/pizzaState.model';

@Component({
  selector: 'app-read',
  templateUrl: './read.component.html',
  styleUrls: ['./read.component.css']
})
export class ReadComponent implements OnInit {

  public pizzas$: Observable<PizzaState>;

  constructor(private store: Store<ProductesState>) { }

  ngOnInit() {

    this.store.select('pizzas').subscribe(store => {
      this.pizzas$ = store;
    });

  }

}

我的减速器

import { PizzaState } from 'src/app/shared/models/pizzaState.model';
import * as fromPizzas from '../actions/pizzas.action'

export const initialState: PizzaState = {
    data: [],
    loaded: false,
    loading: false
}

export function reducer
    (state: PizzaState = initialState, action: fromPizzas.PizzasAction): PizzaState {

    switch (action.type) {

        case fromPizzas.LOAD_PIZZAS: {
            return {
                ...state,
                loading: true
            }
        }

        case fromPizzas.LOAD_PIZZAS_SUCCESS: {
            return {
                ...state,
                loaded: true,
                loading: false
            }
        }

        case fromPizzas.LOAD_PIZZAS_FAIL: {
            return {
                ...state,
                loaded: false,
                loading: false
            }
        }

        default: {
            return state;
        }

    }

}

和内部节点模块

    StoreModule.forRoot(
      { 'pizzas': reducers.pizzas }
    )

感谢您的帮助:-)

Answer 1

如果你想让它成为一个 Observable，你不应该订阅它，因为订阅会将它从 Observable 中解开。你有两个选择：

public pizzas$: PizzaState;
...
this.store.select('pizzas').subscribe(store => {
  this.pizzas$ = store;
});

或

public pizzas$: Observable<PizzaState>;
...
this.pizzas$ = this.store.select('pizzas');