0
votes

Angulaire: les données disparaissent à la page recharger

J'ai un modèle HTML

société-list.component.html p> xxx pré>

méthode est appelée sur le bouton Cliquez sur P>

Société-list.component.ts P>

getcompanylist() {

  alert("service method called");   

  this.http.get("http://localhost:8080/tabletolist").subscribe((data)=>{this.datas=data});
return this.datas;
}

typescript angular

0 commentaires

3 Réponses :

0
votes

Vous pouvez utiliser la variable Datas dans votre service au lieu de le renvoyer.

(On dirait que la fonction peut revenir avant que l'appel de souscription est terminé de votre manière originale). P>

p>myservice.tsleight/P >

<tr align="center" *ngFor="let data of newservice.datas" > 
...
</tr>

0 commentaires

-1
votes

myservice.ts xxx

Essayez comme ceci

société-list.component.ts xxx

0 commentaires

0
votes

Votre pratique de codage n'est pas recommandée et doit être améliorée.

Essayez cette approche: p>

1-service doit être utilisé pour les appels de service / API et à la flux de données. p>

L'abonnement à appel de 2-service doit être traité lorsque le service est requis principalement des composants et non du composant de service lui-même. P>

Votre code devrait être: p> myservice.ts p> xxx pré>

société-list.component.ts p>

déclarent toute propriété de tableau vide, nommément Datas p> xxx

Initialisez votre service dans le constructeur de composant (Myservice privé: myservice) Code> P>

ngOnInit() {
    this.getCompanyList();
}

0 commentaires