Tutorials References Menu

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.