18 Avr Les models en Angular2
Toujours le même principe , un model est une simple class qu’on va l’exporter après comme on a fait avec les services.
La première etape est de créer notre fichier model article.ts
export class Article{
titre: string;
auteur: string;
annee: number;
constructor(titre:string = '', auteur:string = '', annee:number = ''){
this.titre = titre;
this.auteur = auteur;
this.annee = annee;
}
}
La deuxiéme etape est d’importer notre modéle dans notre service article.service.tsqu’on a crée la dernière fois.
import {Injectable} from '@angular/core';
import {Article} from './article';
/* Importation du notre Model */
@Injectable()
export class ArticleService {
articles: Article[] = [
new Article('Titre du test 1' , 'Auteur 1' , 2001),
new Article('Titre du test 2' , 'Auteur 2' , 2010),
new Article('Titre du test 3' , 'Auteur 3' , 20012)
];
/* On a crée 3 instances du notre class Article */
getAllArticles(){
return this.articles;
/* On retourne la liste des articlesqu'on a crée */
}
}
L’etape suivante est de modifier notre view article.html
Liste des articles
<ul>
<li *ngFor="let single of articles">{{single.titre}}</li>
</ul>