dcbartlett/app.js

## app.js
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'Captix' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
// 'Captix.controllers' is found in controllers.js
angular.module('captix', ['ionic', 'captix.controllers', 'captix.services'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleDefault();
    }
  });
})

.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider

    .state('app', {
      url: "/app",
      abstract: true,
      templateUrl: "templates/menu.html",
      controller: 'AppCtrl'
    })
    .state('app.home', {
      url: "/home",
      views: {
        'menuContent' :{
          templateUrl: "templates/home.html"
        }
      }
    })
    .state('app.settings', {
      url: "/settings",
      views: {
        'menuContent' :{
          templateUrl: "templates/settings.html"
        }
      }
    })
    .state('app.info', {
      url: "/info",
      views: {
        'menuContent' :{
          templateUrl: "templates/info.html"
        }
      }
    });
  // if none of the above states are matched, use this as the fallback
  $urlRouterProvider.otherwise('/app/home');
});


## controllers.js
angular.module('captix.controllers', [])

.controller('SettingsCtrl', ['SettingsService',
    function($scope, $stateParams, SettingsService) {
        var EventName = SettingsService.getEventName();
        SettingsService.setEventName('test');
    }
]);

## services.js
angular.module('captix.services', [])

.factory('SettingsService', ['DatabaseService', function (DatabaseService) {
    var Settings = {};
    var settings = {
        event: {}
    };
    Settings.getEventName = function () {
        return settings.event.name;
    };
    Settings.setEventName = function (value) {
        settings.event.name = value;
        return value;
    };
    return Settings;
}])

## settings.html
<div ng-controller="SettingsCtrl">
    EventName:
    {{ EventName }}
</div>
	// angular.module is a global place for creating, registering and retrieving Angular modules
	// 'Captix' is the name of this angular module example (also set in a <body> attribute in index.html)
	// the 2nd parameter is an array of 'requires'
	// 'Captix.controllers' is found in controllers.js
	angular.module('captix', ['ionic', 'captix.controllers', 'captix.services'])

	.run(function($ionicPlatform) {
	$ionicPlatform.ready(function() {
	// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
	// for form inputs)
	if(window.cordova && window.cordova.plugins.Keyboard) {
	cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
	}
	if(window.StatusBar) {
	// org.apache.cordova.statusbar required
	StatusBar.styleDefault();
	}
	});
	})

	.config(function($stateProvider, $urlRouterProvider) {
	$stateProvider

	.state('app', {
	url: "/app",
	abstract: true,
	templateUrl: "templates/menu.html",
	controller: 'AppCtrl'
	})
	.state('app.home', {
	url: "/home",
	views: {
	'menuContent' :{
	templateUrl: "templates/home.html"
	}
	}
	})
	.state('app.settings', {
	url: "/settings",
	views: {
	'menuContent' :{
	templateUrl: "templates/settings.html"
	}
	}
	})
	.state('app.info', {
	url: "/info",
	views: {
	'menuContent' :{
	templateUrl: "templates/info.html"
	}
	}
	});
	// if none of the above states are matched, use this as the fallback
	$urlRouterProvider.otherwise('/app/home');
	});
	angular.module('captix.controllers', [])

	.controller('SettingsCtrl', ['SettingsService',
	function($scope, $stateParams, SettingsService) {
	var EventName = SettingsService.getEventName();
	SettingsService.setEventName('test');
	}
	]);
	angular.module('captix.services', [])

	.factory('SettingsService', ['DatabaseService', function (DatabaseService) {
	var Settings = {};
	var settings = {
	event: {}
	};
	Settings.getEventName = function () {
	return settings.event.name;
	};
	Settings.setEventName = function (value) {
	settings.event.name = value;
	return value;
	};
	return Settings;
	}])
	<div ng-controller="SettingsCtrl">
	EventName:
	{{ EventName }}
	</div>