angular - 缺少類型 'Observable' 的以下屬性

我試著製作從商店收到的披薩，但對此有紅色標示。

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

謝謝你的幫助 :-)

答案＃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');