Problème de typage Angular : void is not assignable

Stephane_7008 Messages postés 2 Date d'inscription mardi 27 septembre 2022 Statut Membre Dernière intervention 27 septembre 2022 - Modifié le 27 sept. 2022 à 17:48

Bonjour j'ai une erreur qui m’embête énormément et que je n'arrive pas à résoudre je la comprend mais je n'arrive pas à trouver d'alternative.

J'ai crée un service qui contient un object :

et un fonction permettant de récupérer l'object

is-service.ts
 

iS : Is[] = [];

  public iServerList: any = [
    {
      id: 0,
      name: 'Is-dev',
      osInfo: 'Windows Server', cpuInfo: 'Intel® Core™ i7-8750H', ramInfo: '8Go',
      ag: false,
      cpu: 5,
      ram: 40,
      pathLog: '../../assets'
    },
    {
      id: 1,
      name: 'Ag-dev',
      osInfo: 'Windows Server', cpuInfo: 'Intel® Core™ i7-8750H', ramInfo: '8Go',
      ag: true,
      cpu: 5,
      ram: 40,
      pathLog: '../../assets'
    },
    {
      id: 2,
      name: 'Is-prd',
      osInfo: 'Windows Server', cpuInfo: 'Intel® Core™ i7-8750H', ramInfo: '8Go',
      ag: false,
      cpu: 5,
      ram: 40,
      pathLog: '../../assets'
    },
    {
      id: 3,
      name: 'Ag-prd',
      osInfo: 'Windows Server', cpuInfo: 'Intel® Core™ i7-8750H', ramInfo: '8Go',
      ag: true,
      cpu: 5,
      ram: 40,
      pathLog: '../../assets'
    }
  ];
  getIServerList() : Observable<Is[]> {
    return this.iServerList;
  }

J'ajoute ensuite le service via le constructeur dans:

+subscribe

si-component.ts

iS : Is[] = [];

constructor(private isService : IsService) {}

ngOnInit(): void {
  this.iSAAfficher();
}

iSAAfficher() {
  this.isService.getIServerList().subscribe(
    (iSPubliees: Is[]) => {
       this.iS = iSPubliees;
     }
  )
}

j'essaye ensuite d'afficher dans l'html l'object avec le ngFor mais une erreur surgit

si-component.html

<div class="si-list">
   <div *ngFor="let iS of iSAAfficher">
       <app-si-details [inputIS]="iS"></app-si-details>
   </div>
</div>