Chapter 4: "Controller as" syntax

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <foo-directive ng-controller="fo as f">{{f.data}}</foo-directive>
</div>

JavaScript

angular.module('myApp', [])
.directive('fooDirective', function() {
    return {
        restrict: 'E',
        template: '<div>{{ fooController.data }}</div>',
        controller: function() {
            this.data = 'This is controller data';
        },
        controllerAs: 'fooController'
    };
});