Les contrôleurs AngularJS contrôlent les données des applications AngularJS.
Les contrôleurs AngularJS sont des objets JavaScript classiques.
Contrôleur AngularJS syntaxe
Les applications AngularJS sont contrôlées par des contrôleurs. La directive
ng-controller définit un contrôleur d'application.
Les contrôleurs sont des objets JavaScript créés par des constructeurs d'objets JavaScript standard.
Contrôleur AngularJS exemple
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
</body>
</html>Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne