Chapter 9: Trimming your watch list with lazy binding

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <input ng-model="draft.year" />
    <player-profile draft="Drafted in {{draft.year}}">
    </player-profile>
    <hr />
    <pre>{{ draft | json }} </pre>
</div>

JavaScript

angular.module('myApp', [])
.directive('playerProfile', function() {
    return {

        scope: {
            draft: '@'
        },
        template: '<div>{{player.name}}: {{draft}}</div>'
    };
});