salut, si quelqu’un peut m’aider!!
sa c’est mon service
import { Injectable } from ‘@angular/core’;
import ‘rxjs/add/operator/map’;
import { Http } from ‘@angular/http’;
import ‘rxjs/add/operator/map’;
import ‘rxjs/add/operator/catch’;
import { newGlobal } from ‘…/…/Models/newGlobal-Model’;
import { Observable } from ‘rxjs/Observable’;
@Injectable()
export class ProduitProvider {
private BASE_URL: string = “http://localhost:8000/api/produits”;
private source: string = “produits”;
constructor(public http: Http) {
}
getProduct(): Promise {
const url = ${this.BASE_URL};
return this.http.get(url)
.toPromise()
.then(resp => resp.json() as newGlobal)
.catch(error => console.log('une erreur' + error))
}
}
ensuite sa c’est mon model
export class newGlobal {
id: number
titre: string;
description:string;
prix: number;
qte: number;
image: string;
created_at: string;
updated_at:string;
id_categorie: string;
}
voila mon homme.ts
import { Component } from ‘@angular/core’;
import { NavController} from ‘ionic-angular’;
import { ProduitProvider} from ‘…/…/providers/produit/produit’
import {newGlobal } from ‘…/…/Models/newGlobal-Model’;
@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’
})
export class HomePage {
article:newGlobal= new newGlobal();
constructor( public navCtrl: NavController, private produit : ProduitProvider) {
this.produit.getProduct()
.then(newsFetched =>{
this.article = newsFetched
console.log(this.article)
});
}
}
enfin voila mon page html
** <div ngFor=“let item of articles”> **
** *
** {{item.title}}**
** **
** **
du coup le résultats viens seulement en console mais pas dans la page, alors j’ai essayer, mais je suis bloquer pour si dans le console , le résultat sort déjà mais dans ma page sa ne sort pas!!!
alors je ne sait ou sa trouve l’erreur car sa semble deja ne pas avoir une erreur, mais je veux afficher sur ma page les données de mon api