AngularJS - Directives

linking functions in directives

by Shashank Srivastava

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
<div ng-app="myApp">
    <div superman ironman></div>
</div>

JavaScript

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

myApp.directive('superman', function() {
    return {
        link: function() {
            alert('I can fly');
        }
    };
});

myApp.directive('ironman', function() {
    return {
        link: function() {
            alert('I have an iron suit');
        }
    };
});