Direttiva ng-controller di AngularJS

Definizione e uso

ng-controller Le direttive aggiungono il controller alla tua applicazione.

Nel controller, è possibile scrivere codice e creare funzioni e variabili, che saranno parte dell'oggetto e disponibili all'interno dell'elemento HTML corrente. In AngularJS, questo oggetto è noto come scope (ambito).

Esempio

Aggiungi un controller per gestire le variabili del tuo applicazione:

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

Prova tu stesso

Sintassi

<elemento ng-controller="espressione</elemento>

Tutti gli elementi HTML supportano.

Parametro

Parametro Descrizione
espressione Il nome del controller.