HG2D - Terminal in AngularJS

Learn how to use Terminal in Directives in AngularJS

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div ng-non-bindable first second>
  {{ 1 + 1 }}
</div>

<ul>
    <li ng-repeat="item in ['one', 'two', 'three']" no-entry>{{item}} </li>
</ul>

JavaScript

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

App.directive('first', function() {
    return {
        restrict: 'A',
        priority: 3,
        link: function(scope, element, attrs) {
            element.addClass('btn btn-success').append('First: Executed, ');
        }        
    };
});

App.directive('second', function() {
    return {
        restrict: 'A',
        priority: 999,
        terminal: true,
        link: function(scope, element, attrs) {
            element.addClass('btn btn-success').append('Second: Executed ');
        }        
    };
});

App.directive('noEntry', function() {
    return {
        restrict: 'A',
        priority: 1001,
        link: function(scope, element, attrs) {
            element.append('No Entry: Executed ');
        }        
    };
});