ng-controllerDiretiva AngularJS


Exemplo

Adicione um controlador para lidar com suas variáveis ​​de aplicativo:

<div ng-app="myApp" ng-controller="myCtrl">

Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});
</script>

Definição e uso

A ng-controllerdiretiva adiciona um controlador ao seu aplicativo.

No controller você pode escrever código, e fazer funções e variáveis, que serão partes de um objeto, disponíveis dentro do elemento HTML atual. No AngularJS esse objeto é chamado de escopo.


Sintaxe

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

Suportado por todos os elementos HTML.


Valores de parâmetro

Value Description
expression The name of the controller.