Форма регистрации AngularJS отделена от ng-app

Question

Доброе утро, я создаю приборную панель в AngularJS с множеством функций. Этот сайт является многопользовательским приложением, поэтому каждый пользователь чаще всего использует его перед его использованием. С AngularJS я могу определить только одно ng-приложение и один ng-view, но мне нужно иметь шаблон для страниц входа (логин, потерянный пароль, встроенный мастер и т. Д.) И еще один шаблон для страниц панели мониторинга, который появляется после успешного ввода (пользователь управление, настройки). Я использую аутентификацию по токенам. Как я могу выполнить эту задачу? Теперь я triyng, чтобы скрыть элементы, такие как заголовок и левое меню, когда пользователь не зашел в систему, но я не считаю это хорошим решением.

Answer 1

Сначала вы можете иметь несколько ng-приложений на одной странице. Но вам придется выполнять ручную загрузку. Поскольку только первое ng-приложение автоматически загружается Angular. Посмотри на этом стек перелив обсуждении

AngularJS Multiple ng-app within a page

Для добавления маркеров авторизации на ваши запросы, вы должны будете использовать перехватчики. Вот пример кода для перехватчика из книги «angularjs и работает»

angular.module('notesApp', []).factory('AuthInterceptor', ['AuthInfoService', '$q', 
function(AuthInfoService, $q) { 
    return { 
     request : function(config) { 
      if (AuthInfoService.hasAuthHeader()) { 
       config.headers['Authorization'] = AuthInfoService.getAuthHeader(); 
      } 
     return config; 
    }, 
    responseError : function(responseRejection) { 
     if (responseError.status === 403) { 
      // Authorization issue, access forbidden 
      AuthInfoService.redirectToLogin(); 
     } 
     return $q.reject(responseRejection); 
    } 
}; 
}]).config(['$httpProvider', 
function($httpProvider) { 
    $httpProvider.interceptors.push('AuthInterceptor'); 
}]);