[Résolu] Problème pour afficher un seul tuple dans le Front par MCGLG - page 1

Bonjour,
J'apprends depuis peu et je m’entraîne en créant un petit site angular relié à une bd mysql et je rencontre un petit soucis : j'arrive bien à afficher la table entière de ma base, mais quand je souhaite, dans un autre component, afficher une entrée en fonction de son id, ça ne s'affiche pas... J'ai pourtant bien la requête qui s'affiche dans ma console, avec la bonne entrée, selon le bon URL, en format JSon... Je commence à épuiser toutes les techniques. Peut être quelqu'un pourra m'aider ?

Voici le code de ma requête par id (CRUD dans le back):

app.get('/article/:id', (req,res)=> {
    mysqlConnection.query('SELECT * FROM article WHERE idArticle = ?',[req.params.id], (err,rows, fields)=>{
if(!err)
            res.send(rows);
 else
console.log(err);
})
});

Le code de la méthode dans le service :

getArticleById(articleId: number): Observable<ArticlesModel> {
console.log(`http://localhost:3000/article/${articleId}`);
 return this.http.get<ArticlesModel>(`http://localhost:3000/article/${articleId}`);
}

Le code dans le component chargé de l'affichage :

ngOnInit() {
const articleId = parseInt(this.route.snapshot.params['id'],10); 
console.log("ID of the article:", articleId);
 this.article$ = this.articlesService.getArticleById(articleId);
console.log(this.article$);
}

Et son HTML :

<div class="page" *ngIf="article$ | async as article">
 <div id="article">
 <h2>{{article.title | titlecase}}</h2>  
<p>Mis en ligne le {{article.createdDate | date:'d MMMM YYYY'}}</p>
 <p>{{article.description}}</p>
 <p>{{article.textBody}}</p>
 </div>

 <div id="divImg">
 <img [src]="article.imageUrl" [alt]="article.title"> 
<p>sortie le XXXX</p>
 <p>bloubloublou</p>
 </div>
</div>

Désolé si ça ne présente pas très bien, j'ai pas encore l'habitude !
Merci d'avance.

Problème pour afficher un seul tuple dans le Front

Problème pour afficher un seul tuple dans le Front

Supprimer

Modérer

Signaler le message aux modérateurs