Javascript 在ngrx存储中加载数据时出现问题

我正试图用Drupal创建一个无头网站，但当我尝试在两个组件（产品和服务）中导入数据时，这两个组件中只有一个使用相同的选择器接收数据

我试图查看数据是否为空，但它们已满。我将发布这两个组件的代码（仅第一次充电，例如，如果我第一次查看时反转2）

第二部分 :

最后是html：

<div class="container">
<div class="sizer">
<!-- Grid row -->
<div class="row">

    <!-- Grid column -->
    <p>{{servizi.data.field_servizi}}</p>
    <div class="column mb-4 px-2" *ngFor="let servizio of servizi.data.field_servizi | async">
        <p>yes</p>
    <!--Card Primary-->
    <div class="categorieP2">
    <img [src]="getImage(servizio.field_immagine.uri.url)">
    <div class="t">
        <h1>{{servizio.field_titolo}}</h1>
        <p>{{servizio.field_descrizione}}</p>
    </div>

    </div>  
    <!--/.Card Primary-->

    </div>
</div>
<!-- Grid row -->
</div>
</div>

{{servizi.data.field_servizi}

对

{{servizio.field_titolo}}
{{servizio.field_descripione}}

您没有在此处使用angular ngrx store。我不明白你的问题。你能解释一下吗？数据是在元件已经充电时到达的，我看不到，是的，我使用选择器，而不是商店

import { Component, OnInit } from '@angular/core';
import { select, Store } from '@ngrx/store';
import { Subscription } from 'rxjs';
import { Prodotto } from 'src/app/core/model/prodotto';
import { selectHome } from 'src/app/redux/home';
import { deserialize } from "deserialize-json-api";

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

  subscription=new Subscription();
  
  prodotti;

  constructor(private store: Store) { }

  ngOnInit(): void {
    this.subscription.add(this.store.pipe(select(selectHome)
    ).subscribe(prodotti => {
      this.prodotti=deserialize(prodotti);
    }));
  }

  getImage(value){
    return "http://test.localhost:8080"+value;
  }
}

<div class="container">
<div class="sizer">
<!-- Grid row -->
<div class="row">

    <!-- Grid column -->
    <p>{{servizi.data.field_servizi}}</p>
    <div class="column mb-4 px-2" *ngFor="let servizio of servizi.data.field_servizi | async">
        <p>yes</p>
    <!--Card Primary-->
    <div class="categorieP2">
    <img [src]="getImage(servizio.field_immagine.uri.url)">
    <div class="t">
        <h1>{{servizio.field_titolo}}</h1>
        <p>{{servizio.field_descrizione}}</p>
    </div>

    </div>  
    <!--/.Card Primary-->

    </div>
</div>
<!-- Grid row -->
</div>
</div>