Directive ng-controller d'AngularJS

Définition et utilisation

ng-controller Les directives ajoutent le contrôleur à votre application.

Dans le contrôleur, vous pouvez écrire du code et créer des fonctions et des variables, qui feront partie de l'objet et seront disponibles dans l'élément HTML courant. Dans AngularJS, cet objet est appelé portée (scope).

Instance

Ajoutez un contrôleur pour gérer les variables de votre application :

<div ng-app="myApp" ng-controller="myCtrl">
Nom complet : {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "Bill";
    $scope.lastName = "Gates";
});
</script>

Essayez-le vous-même

Grammaire

<element ng-controller="expression</element>

Tous les éléments HTML prennent en charge.

Paramètres