Angular, première partie
This commit is contained in:
25
javascript/angular/exercices/scope-2/app.js
vendored
25
javascript/angular/exercices/scope-2/app.js
vendored
@ -1,25 +0,0 @@
|
||||
/*
|
||||
* É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.direBonjour = function() {
|
||||
// alert('...');
|
||||
};
|
||||
|
||||
}]);
|
@ -1,31 +0,0 @@
|
||||
<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" />
|
||||
<br />
|
||||
|
||||
<label>Prénom</label>
|
||||
<input type="text" />
|
||||
<br />
|
||||
|
||||
<label>Age</label>
|
||||
<input type="number" />
|
||||
<br />
|
||||
|
||||
<button>Dire bonjour</button>
|
||||
</div>
|
||||
|
||||
<!-- Import de du framework Angular -->
|
||||
<script src="../node_modules/angular/angular.js"></script>
|
||||
<script src="app.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user