AngularJS ng-controller Directive
Example
Add a controller to handle your application variables:
<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>
Try it yourself »
Definition and Usage
The ng-controller directive adds a controller to your
application.
In the controller you can write code, and make functions and variables, which will be parts of an object, available inside the current HTML element. In AngularJS this object is called a scope.
Syntax
<element ng-controller="expression"></element>
Supported by all HTML elements.
Parameter Values
| Value | Description |
|---|---|
| expression | The name of the controller. |
