29 lines
800 B
HTML
29 lines
800 B
HTML
|
<html>
|
||
|
<head>
|
||
|
<meta charset="utf8">
|
||
|
<title>Exercice: conditions</title>
|
||
|
</head>
|
||
|
<!-- Déclaration de l'application -->
|
||
|
<body ng-app="Exo">
|
||
|
|
||
|
<style>
|
||
|
.pixel { display: inline-block; width: 50px; height: 50px; background: #ccc; float: left; text-align: center; line-height: 50px;}
|
||
|
.pixel.last { clear: both; }
|
||
|
.red { background: rgba(255, 0, 0, 0.5); }
|
||
|
.blue { background: rgba(0, 0, 255, 0.5); }
|
||
|
</style>
|
||
|
|
||
|
<div ng-controller="MainCtrl">
|
||
|
<div class="pixel"
|
||
|
ng-class="{ 'red': $odd, 'blue': $even, 'last': ($index)%edge === 0 }"
|
||
|
ng-repeat="i in range track by $index">
|
||
|
{{$index}}
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- Import de du framework Angular -->
|
||
|
<script src="../../node_modules/angular/angular.js"></script>
|
||
|
<script src="app.js"></script>
|
||
|
</body>
|
||
|
</html>
|