Cadoles/formations
21
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Angular, première partie

Browse Source
This commit is contained in:
William Petit
2015-04-08 23:22:53 +02:00
committed by Benjamin Bohard
parent a6f66208f9
commit 18aec7b86f
32 changed files with 585 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
javascript/angular/exercices/scope-1/.solution/app.js Normal file
View File

@ -0,0 +1,25 @@
/*
* Énoncé:
*
* Implémenter le contrôleur MainCtrl et sa fonction sayHello()
* affichant le message "Bonjour <nom> <prénom>. Votre âge est <age>.",
* où les éléments <???> sont remplacés par les données présentes dans le
* formulaire, lorsque l'utilisateur clique sur le bouton "Dire bonjour".
*
* Attention: des directives Angular sont également nécessaires dans le code HTML.
*
*/
var Exo = angular.module('Exo', []);
Exo.controller('MainCtrl', ['$scope', function($scope) {
$scope.nom = null;
$scope.prenom = null;
$scope.age = null;
$scope.sayHello = function() {
alert('Bonjour '+$scope.nom+' '+$scope.prenom+'. Votre âge est '+$scope.age);
};
}]);

31
javascript/angular/exercices/scope-1/.solution/index.html Normal file
View File

@ -0,0 +1,31 @@
<html>
<head>
<meta charset="utf8">
<title>Exercice manipulation $scope et contrôleur</title>
</head>
<!-- Déclaration de l'application -->
<body ng-app="Exo">
<div ng-controller="MainCtrl">
<label>Nom</label>
<input type="text" ng-model="nom"/>
<br />
<label>Prénom</label>
<input type="text" ng-model="prenom"/>
<br />
<label>Age</label>
<input type="number" ng-model="age"/>
<br />
<button ng-click="sayHello()">Dire bonjour</button>
</div>
<!-- Import de du framework Angular -->
<script src="../../node_modules/angular/angular.js"></script>
<script src="app.js"></script>
</body>
</html>

2
javascript/angular/exercices/scope-1/app.js vendored
View File

@ -18,7 +18,7 @@ Exo.controller('MainCtrl', ['$scope', function($scope) {
$scope.prenom = null;
$scope.age = null;
$scope.direBonjour = function() {
$scope.sayHello = function() {
// alert('...');
};