states.js

app.config(['$stateProvider', function($stateProvider) {
	
	var auth = {
		name: 'auth',
		abstract: true,
		template: '<div ui-view></div>',
		resolve: {
			auth: ['AuthSrvc', function(AuthSrvc) {
				return AuthSrvc.check()
			}]
		}
	}

	var settings = {
		name: 'auth.settings'
		url: '/settings',
		abstract: true,
		templateUrl: '/views/auth/settings/template.html',
		data: {
			pageTitle: 'Settings'
		}
	};

	var profile = {
		name: 'auth.settings.profile',
		url: '/profile',
		templateUrl: '/views/auth/settings/profile/template.html',
		controller: 'ProfileSettingsCtrl',
		data: {
			pageTitle: 'Profile Settings'
		},
		resolve: {
		 	user: ['UserSrvc', 'AuthSrvc', function(UserSrvc, AuthSrv) {
		 		authID = AuthSrvc.user.id

		 		return UserSrvc.get(authID)
		 	}]
		}
	};


	$stateProvider.state(auth).state(settings).state(profile);
});

app.config(['$stateProvider', function($stateProvider) {
    var states = [];
    states.push({
        name: 'auth',
        abstract: true,
        template: '<div ui-view></div>',
        resolve: {
            auth: ['AuthSrvc', function(AuthSrvc) {
                return AuthSrvc.check()
            }]
        }
    });

    states.push({
        name: 'auth.settings'
        url: '/settings',
        abstract: true,
        templateUrl: '/views/auth/settings/template.html',
        data: {
            pageTitle: 'Settings'
        }
    });

    states.push({
        name: 'auth.settings.profile',
        url: '/profile',
        templateUrl: '/views/auth/settings/profile/template.html',
        controller: 'ProfileSettingsCtrl',
        data: {
            pageTitle: 'Profile Settings'
        },
        resolve: {
            user: ['UserSrvc', 'AuthSrvc', function(UserSrvc, AuthSrv) {
                authID = AuthSrvc.user.id

                return UserSrvc.get(authID)
            }]
        }
    });

    angular.forEach(states, function(state) { $stateProvider.state(state); });
});

@nickeddy - doesn't fix the problem, does it? :)