0

У меня есть одностраничное приложение Angularjs, и теперь я хотел бы добавить к нему страницу входа в систему. Вот мой шаблон SPA plunker: http://plnkr.co/edit/WgUDJQNL0YCKWUfXMFsr?p=preview. Мне нужна страница входа, а не модальная (примеры доступны для страницы входа в качестве модальной). Пользователь должен просмотреть страницу с информацией (которая находится выше плункера) только после входа в систему. Прошли различные видеоролики и учебные пособия по этому вопросу, но не смогли найти решение. Будучи новым для angularjs, был бы признателен, если кто-то может предоставить код для этого.AngularJS SPA Войти Страница

Thanx заранее!

ответ

1

Извлеките содержимое тела из индекса и поместите его в отдельный файл (home.html). Просто добавьте ui-view в тело. По умолчанию трассировка маршрута к странице входа в систему. На пути успеха входа на домашнюю страницу используйте $state.go('home'). Назовите маршруты вкладок как home.tab1 и home.tab2 для вложенных маршрутов.

+0

Как установить успешный логин? Не могли бы вы предоставить код PLS – Pranitha

+0

Ну, я не могу дать вам код страницы входа ... Это зависит от вашего приложения и уровня безопасности, который вам нужен. Есть много бесплатных шаблонов для входа в систему. Вы можете использовать их, если не хотите писать самостоятельно. Если вы можете обновить плункер с помощью страницы входа, я могу исправить маршруты. – Max

+0

Здесь у меня есть базовый шаблон в 'plunker': http: //plnkr.co/edit/JETxXfQwkvN0Ibk4m46J? P = preview. Проблема заключается в том, что когда я вхожу в систему, вкладки (tab1 в примере) не могут быть изменены кликом. Пожалуйста, помогите разобраться. – Pranitha

Смежные вопросы