ng-Directive - Simple

by patelsan

HTML

<div ng-app="myApp">
    <div ng-controller="StatsController">
         <h2>{{rank}}</h2>

        <div daily-fitness></div>
    </div>
</div>

JavaScript

app = angular.module('myApp', []);
app.controller('StatsController', ['$scope', function ($scope) {
    $scope.rank = 90;
}]);

app.directive('dailyFitness', function () {
    return {
        template: '<h2>{{rank}}</h2>',
        replace: false,
        scope: false,
        compile: function ($element, $attribs) {
            console.log('in Compile');
            console.log(arguments);

            return function ($scope, $element, $attribs) {
                console.log('in Link');
                console.log(arguments);
            };
        }
    };
});