Angular: Initialize from factory

http://angularjs.org/

by Noble M O

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  Hello, {{name}}! <br/>
  <input type="text" ng-model="user.UserId"></input>
  <button type="button" class="btn btn-primary" ng-click="cancelAddGroupDialoge()">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Cancel
                </button>
</div>

JavaScript

var myApp = angular.module('myApp', []);

//myApp.directive('myDirective', function() {});
myApp.factory('myService', function() {

    var userInitialValueSettings = {
        UserId: '',
        FullName: '',
        Location: '',
        Phone: '',
        Ext: '',
        Fax: '',
        Email: '',
        IsExternalUser: false,
        Password: '',
        UserMustChangePassword: false,
        PasswordNeverExpires: false
    }

    var returnUserInitialValueSettings = function(){
        return userInitialValueSettings;
    }

    return {
        userInitailValues: returnUserInitialValueSettings
    }
});

function MyCtrl($scope,myService) {
  $scope.name = 'Superhero';
  $scope.user = myService.userInitailValues;
  $scope.cancelAddUserDialoge = function () {
        $scope.user = myService.userInitailValues;
    };
}