Instrução ng-controller do AngularJS

Definição e uso

ng-controller As diretivas adicionam o controlador ao seu aplicativo.

No controlador, você pode escrever código e criar funções e variáveis, que farão parte do objeto e estarão disponíveis no elemento HTML atual. No AngularJS, esse objeto é chamado de escopo (scope).

Exemplo

Adicione um controlador para lidar com as variáveis do seu aplicativo:

<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>

Experimente pessoalmente

Sintaxe

<elemento ng-controller="expressão</elemento>

Todos os elementos HTML suportam.

Parâmetros