Chapter 4: Managing application templates

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <player-box></player-box>
    
<!-- <script type="text/ng-template" id="player-box.html">
        <div>
            #{{ player.number }} {{ player.name }}
        </div>
    </script> -->
</div>

JavaScript

angular.module('myApp', [])
.directive('playerBox', function() {
    return {
        templateUrl: 'player-box.html',
        link: function(scope) {
            scope.player = {
                name: 'Jimmy Butler',
                number: 21
            };
        }
    };
});