Directive: priority

AngularJS

by Zaiste

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.1/css/foundation.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.5/angular.min.js"></script>
<body ng-app="app" >
    <div panel button>Hello, World</div>
    <div panel>Hello, World</div>
</body>

JavaScript

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

app.directive('button', function ($http) {
    return {
        restrict: 'A',
        priority: 2,
        link: function (scope, el, attrs) {
            el.addClass('button');
        }
    }
});

app.directive('panel', function ($http) {
    return {
        restrict: 'A',
        priority: 1,
        link: function (scope, el, attrs) {
            if (el.hasClass('button')) {
                el.addClass('panel');
            }
        }
    };
});