Discussion :

[guillaume90]

Bonjour à tous ,

je monte une petite application avec spring boot et angular 10 et je rencontre un probleme depuis quelque jours maintenant.
en faite je consomme mes web services avec angular notamment le web service qui liste tous mes carres:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 getAllCarre():Observable<any>{
        return this.httpClient.get('api/carre');
  }

voila le code dans mon list-carre.component.ts:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
getData():void{
    this.serviceCarre.getAllCarre().subscribe(
      data=>{
        this.listData=data;
        console.log(data);
      },
      error=>{
        console.log(error);
      });
  }

où listData est de type any.
mon code html:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
                <tbody>
                    <tr *ngFor ="let item of listData | async">
                        <th>{{item.idCar}}</th>
                        <td>{{item.libCar}}</td>
                        <td>{{item.typeCar}}</td>
                        <td><button class="btn btn-warning" style="margin-left:20px;"(click)="selectedData(item)"><i class="fa fa-pencil-square-o"></i></button></td>
                        <td><button class="btn btn-danger" (click)="removeData(item.idCar)"><i class="fa fa-trash-o"></i></button></td>
                    </tr>
                </tbody>

le tableau ne s'affiche pas alors que dans la console du navigateur je peux voir mes données
capture:
lorsque je teste ce web service avec postman je reçois bien ma liste.
capture :


votre aide me sera grandement utile et merci d'avance
nb: je suis nouveau sous angular