XKE 2013.10.22 apply and digest

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};" ng-controller="calcCtrl">
    
    <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>
    
    <button ng-click="refreshResult()">Refresh result (angular way)</button>

    <h3>Results</h3>
    
    <div>a + b = {{result}}</div>
        
    <div><user-result name="a + b" result="member.a + member.b" /></div>
    <div><user-result name="a - b" result="member.a + member.b" /></div>
    <div><user-result name="a : b" result="member.a / member.b" /></div>

</div>

CoffeeScript

demo = angular.module 'demo', []

demo.controller 'calcCtrl', ($scope) ->
    
    $scope.refreshResult = ->
            $scope.result = $scope.member.a + $scope.member.b
    
    
angular.bootstrap document, ['demo']