AngularJS je m'y mets !

Un petit TP

On va faire un peu le point de ce qu'on a vu avec un petit exercice. Le but est de construire un tableau de courses à faire avec les noms des articles et leur prix.

<div ng-app>
	 <div ng-init="articles = [
		{nom:'Farine', prix:2.3},
		{nom:'Sucre', prix:1.35},
		{nom:'Gâteaux', prix:3.9},
		{nom:'Huile', prix:5.25}
		]">
		<table>
			<caption>J'ai {{articles.length}} articles à acheter</caption>
			<tr>
				<th>Article</th>
				<th>Prix</th>
			</tr>
			<tr ng-repeat="article in articles">
				<td>{{article.nom}}</td>
				<td>{{article.prix | currency:"€ "}}</td>
			</tr>
			<tr>
		</table>
	</div>
</div>
J'ai {{articles.length}} articles à acheter
Article Prix
{{article.nom}} {{article.prix | currency:"€ "}}

Retour à l'accueil...