User Tools

Site Tools


learn_angularjs_2_-_the_basics:using_more_complex_data

Types + ES6 + TS

Interface : version simplifiée d'une classe, qui n'aurait pas de méthodes.

// app.component.ts
import {Component} from 'angular2/core';

interface Type_de_donnees {
  nom: String;
  identifiant: string;
}

@component ({
(...)
})

export class appComponent {
  objets = DATA; // constantes en capitales
}

var DATA: Type_de_donnees[] = [
  {"nom":"chaise", numero:"ch0"},
  {"nom":"table", numero:"t800"},
  {"nom":"radio", numero:"rc8"},
];
(…)
<li *ngFor="#item of objets">{{item.nom}} - {{item.numero}}</li>
(…)
learn_angularjs_2_-_the_basics/using_more_complex_data.txt · Last modified: 2016/06/14 19:16 by leo