Chapter 1: Working through the directive spectrum - The Class Directive

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <class-directive class="class-directive: cval; normal-class" 
         some-attr="myvalue">
    </class-directive>
</div>

JavaScript

angular.module('myApp', [])
.directive('classDirective',function ($log) {
    return {
        restrict: 'E',
        template: '<p>A class directive</p>',
        link: function(scope, el, attrs) {
            $log.log(el.html());
            // <p>A class directive</p>
            $log.log(el.hasClass('normal-class'));
            // true
            $log.log(attrs.classDirective);
            // cval
            $log.log(attrs.someAttr);
            // myvalue
        }
    };
});