Discussion :

[Elkirak]

bonsoir,

J'ai les codes suivantes:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 ngOnInit() {
 
  	this.article = new Article();
  	this.getRandomArticles();
 
  }
  getRandomArticles(): void {
    this.articleservice.getRandomArticles()
    .subscribe(article => {
    	console.log(article);
     this.article = article;
 });

Et dans le fichier html j'ai:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="container">
 <table class="table table-striped">
  <thead>
  <th>Code</th>
  <th>Libelle</th>
  <th>Prix</th>
  <th>Description</th>
  </thead>
 
  <tbody>
 	 <tr >
 		<td>{{article.code}}</td>
 		<td>{{article.libelle}}</td>
  		<td>{{article.prix}}</td>
  		<td>{{article.description}}</td>
  	</tr>
 
  </tbody>
 
 </table>
 
 </div>

J'ai cette image:




Quand je charge ma page, l'article dans le tableau change mais je veux que l'article dans le tableau change sans que je ne charge la page, comment puis je faire?
Merci

[Invité]

Bonjour,

Ajax

[Elkirak]

un peu d'aide svp

[psychadelic]

c'est toi qui aide pas beaucoup pour être compris..
ton code c'est du quoi . de l'angular non ?, il devrait être dans la section Angular et non ici...

mais ta solution passe forcément en utilisant de l'Ajax.

Il y a ici une foultitude de post sur le sujet, et de nombreux tutoriels...

[NoSmoking]

Bonjour,
il te faut rappeler la fonction getRandomArticles() dans ngOnInit() via un setTimeout/setInterval.

Tu peux regarder du côté de The RxJS library.

[Elkirak]

Bonjour,

J'ai finalement trouvé.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 ngOnInit() {
  	this.article = new Article();
  	this.getRandomArticles();
  	this.alet();
  }
 
  alet(): void {
  	setInterval(() => {
      this.getRandomArticles();
    }, 3000);
  }
 
  getRandomArticles(): void {
    this.articleservice.getRandomArticles()
    .subscribe(article => {
    	console.log(article);
     this.article = article;    
 });
}

Merci à tous

[ovh]

Pour coller plus à la philosophie d'angular, tu devrais utiliser rxjs aussi pour ça :
https://www.learnrxjs.io/operators/c.../interval.html