AngularJS Example

by mmarkey

HTML

<div ng-app="bedBoardApp">
    <div ng-controller="Ctrl">
        <div tutorial></div>
    </div>
</div>

JavaScript

var bedBoardApp = angular.module('bedBoardApp', [])
    .controller('Ctrl', function($scope, $rootScope, leap) {
        $scope.leap = leap;
        $scope.customer = {
            name: 'Naomi',
            address: '1600 Amphitheatre'
        };
        $scope.tutorialState = { detected: true } ;
        $scope.start = function() {
            leap.start();
        }
    })
    
    .directive('tutorial', function() {
        return {
            template: 'tutorial state + {{tutorialState.detected}}'
        };
    });

;(function() {
    bedBoardApp.service('leap', function() {
        function start() {
            $scope.tutorialState = { detected: false };
        }
        setTimeout(
            $scope.$apply(function() {
                $scope.tutorialState = { detected: false };
            })
            ,1000);
        return {
            start: start
        }
    })
})();