Truc 13 : Exécuter une instruction sur évènement avec $watch

Introduction


On peut actionner des instructions en fonction d’actions utilisateurs avec une fonction $watch

Le code :



<html ng-app="trucs">
	<head>
		<title> Fonction watch qui exécute quqchose sous condition</title>
		<meta charset="utf8" >
		<!-- -----------------------------------------------DEBUT DU CHARGEMENT DES LIBRAIRIES------------------------ -->

		<!--	APPEL LIB ANGULAR -->
		<script	type="text/javascript" 	src="angular-1.3.13/angular.min.js"></script>
		<script src="librairies/angular-locale_fr-fr.js"></script>

		<!--	APPEL LIB BOOTSTRAP -->
		<script src="librairies/ui-bootstrap.min.js"></script>
			<link rel="stylesheet" href="librairies/bootstrap/css/bootstrap.min.css">

		<script>
		angular.module('trucs',['ui.bootstrap']).controller("Controleur", function ($scope) {
			$scope.nom = "";
			$scope.$watch("nom", function(newValue, oldValue) {
			if ($scope.nom.length > 0) {
				$scope.bienvenue = "Bienvenue " + $scope.nom;
				}
			});
		});
		</script>

	</head>	

	<body >
<div ng-controller="Controleur">
		<input type="text" ng-model="nom" placeholder="Entrez votre Nom">{{bienvenue}}

</body>
 </html>

Publicités