Angular: Empty Fiddle

http://angularjs.org/

by JakobJingleheimer

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
        <div zoom-directive="" section-size-directive=""></div>

</div>

JavaScript

var myApp = angular.module('myApp',[]);

myApp.directive('sectionSizeDirective', function() {
    return{
        link: function(){
            console.log('sectionSizeDirective.postLink');
        }
        ,
        controller:function(){
            this.init = function(){
                console.log('section-sizeDirective.controller.init');
            }                
        }
    }
});

    
myApp.directive('zoomDirective', function() {
    return{
        link: function(scope,elem,attrs,controllerInstance){
            controllerInstance.init(scope);
            console.log('zoomDirective.postLink');
        },
        require:'sectionSizeDirective'
    }
});


//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
}