Шаблоны для авторизованных пользователей и не авторизованных?

Question

[Дмитрий Кузнецов]

Пишу сайт на Angular. Написал простенькую авторизацию. У меня есть боковое меню (типо войти/зарегаться), которое должно исчезнуть и появиться другое, есть пользователь авторизован. Так как лучше это сделать?
Предполагается, что не только меню будет так меняться...

И ещё:
Как настроить сервер Apache на работу с Angular?

Заранее спасибо)

Answer 1

[Алексей Ярков]

При старте приложения делаем так:

angular
		.module('App')
		.run(['$rootScope', 'authFactory', function ($rootScope, authFactory){
			$rootScope.isAuth = function () {
				return authFactory.SessionState();  // в методе проверяем состояние сессии, например наличие нужных кукисов или данных в локалсторадж, и возвращаем true или false
			}
		}]);

В шаблоне пишем так:

li(ng-if='!isAuth()')
	a(ui-sref='login')
		span.glyphicon.glyphicon-lock
		|  Вход

li(ng-if='isAuth()')
	a(ng-click='logOut()')
		span.glyphicon.glyphicon-log-out
		|  Выход

Это чтобы глобально, для всей страницы. А вообще используйте директивы и методы контроллера

Comments

[Дмитрий Кузнецов]

У меня проверка пользователя на авторизованность немного другая, если такое оставить, то в норме будет всё?
App.run(['$rootScope', '$location', 'User', function($rootScope, $location, User){
$rootScope.$on('$routeChangeStart', function(event, next, current){
if(next.$$route.auth){
if(!User.getAuthStatus()){
$location.path('/');
}

if(next.$$route.originalPath == '/'){
if(User.getAuthStatus()){
$location.path(current.$$route.originalPath);
}
}
}
});
}]);

[Алексей Ярков]

Дмитрий Кузнецов: ну если для вашей задачи подходит, то оставляйте так. Так как я вам пример привел лично меня устраивает. Шаблон меняется мгновенно.

[Дмитрий Кузнецов]

Алексей Ярков: Спасибо. Завтра попробую.

[Дмитрий Кузнецов]

Алексей Ярков: Проверил. Спасибо, всё работает. Отмечаю решением...