XKE 2013.10.22 Directive bindings

by Mike Kotsur

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
<div ng-init="member = {a: 0, b:0};">
    
    <h3>Calculator!</h3>
    
    <div>
        <label for="valueA">A:</label><input type="number" id="valueA" ng-model="member.a" />
        <label for="valueA">B:</label><input type="number" id="valueA" ng-model="member.b" />
    </div>
            
    <h3>Results</h3>
        
    <b>a + b : {{member.a + member.b}}</b><br/>

</div>

CoffeeScript

demo = angular.module 'demo', []

demo.directive 'userResult', () ->
    restrict: 'EA'
    template: ''
    scope: {}
    
angular.bootstrap document, ['demo']