Isolate Scope
Custom directives
HTML
<div ng-app="testapp">
<div ng-controller="testCtrlr">
<div msg > </div>
</div>
</div>
JavaScript
var MyDirectives = angular.module('testapp', []);
MyDirectives.controller('testCtrlr',['$scope', function($scope){
$scope.msg = 'Hello world'
}]);
MyDirectives.directive("mdpagination", function(){
return {
template: "<h1>{{mg}} BLAH!</h1>",
}
});