Chapter 4: Managing application templates

by billy roberts

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <player-box></player-box>
</div>

JavaScript

//load directive template from a template: "string',

angular.module('myApp', [])
.directive('playerBox', function() {
    return {
        template: '<div>' +
                  '  #{{ player.number }} {{ player.name }}' + 
                  '</div>',
        link: function(scope) {
            scope.player = {
                name: 'Jimmy Butler',
                number: 21
            };
        }
    };
});