Je reçois un objet JSON d'API et j'essaie de l'afficher mais je ne peux pas
Ceci est mon composant: et ceci est mon modèle HTML: p> Je sais ngfor Accepter uniquement le tableau alors j'ai essayé de le faire : P> this.route.paramMap.subscribe((params: ParamMap) => {
let name = params.get('name');
this.linkName = name;
});
this.link = this._linksService.getLinkDetail(this.linkName);
this.link.subscribe(() => this.showSpinner = false);
this.link = [this.link];
}
3 Réponses :
Voici votre variable lien est observable et vous ne pouvez pas diriger la propriété observable de la liaison dans le modèle.
Vous devez vous abonner à l'observable, puis définir et lier Remarque - N'oubliez pas de vous désabonner de l'observable. link valeur link dans le modèle comme ceci: - < Pré> xxx
Ceci est mon approche préférée:
<ng-container *ngIf="link | asynk as link; else spinner"> // link is a resolved json object here, use it as you like. // and by using async pipe you don't have to worry about subscriptions and unsubscribing </ng-container> <ng-template #spinner>I'm spinning</ng-template>
Merci à tous, je préfère utiliser l'utilisation de pipe Async, ce travail pour moi, merci
@Component({
selector: 'json-pipe',
template: `<div>
<p>Without JSON pipe:</p>
<pre>{{object}}</pre>
<p>With JSON pipe:</p>
<pre>{{object | json}}</pre>
</div>`
})
export class JsonPipeComponent {
object: Object = {foo: 'bar', baz: 'qux', nested: {xyz: 3, numbers: [1, 2, 3, 4, 5]}};
}
Je ne vois aucune variable "Données". Dans quelle variable votre stockage le résultat de l'API est-il?