Actualiser une partie de page

Version imprimable

1 pièce(s) jointe(s)

bonsoir,

J'ai les codes suivantes:

Code:

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:

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:

Pièce jointe 411593

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

13/09/2018, 20h15
Invité

Bonjour,

Ajax :aie:
13/09/2018, 20h55
Elkirak

re

un peu d'aide svp
13/09/2018, 23h45
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...
14/09/2018, 10h45
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.

Bonjour,

J'ai finalement trouvé.

Code:

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

25/09/2018, 22h24
ovh

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