AngularJS Service Dependencies

by Edward Tanguay

HTML

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<div ng-app="app">
    <div ng-controller="CalculatorController">
        {{baseConfig}}
    </div>
</div>

CSS

body {
    font-family:sans-serif;
    background-color: #f5f5f5;
}
div {
    margin:20px 5px;
}

JavaScript

angular.module('app', [])
.controller('CalculatorController', function($scope) {
    
    $scope.baseConfig = {
        header: 'The Header',
        count: 34,
        checked: true,
        starred: true
    };
    
    $scope.userConfig = {
    	header: 'The New Header',
        errors: 2,
        lastUsed: '2015-08-27',
        checked: null, // will get extended
        starred: undefined // will not get extended
    }
    
    $.extend($scope.baseConfig,$scope.userConfig);
    
});