Angular 6: возможно ли многостраничное приложение (MPA)?
Проведя целый день в Google, мой вопрос остался без ответа.
Поскольку я новичок в создании приложения Угловой с использованием версии 6.0.4. мой первый и простой вопрос:
Можно ли настроить приложение Angular с многоуровневыми целевыми страницами?
Пример: без отображения ссылок на верхней панели навигации корневой страницы мне нужны прямые ссылки на эти страницы, где у пользователей есть свои собственные различные меню. например: WordPress / админ-панель отличается от своего веб-сайта.
/homeдля публичного просмотра/adminдля админки после входа в систему/customerдля раздела клиентов после входа в систему
это потому, что я обнаружил, что есть только один файл app.component.html, в который мы можем включать наши компоненты, используя маршрутизацию, но со статической панелью навигации вверху.
Если не:
Как запустить несколько приложений, созданных для всех трех разделов, которые можно запускать под одним и тем же
url:port?
@Christian Я не хочу, чтобы верхняя панель навигации указывала на страницы / home, / admin, / customer. это должна быть прямая ссылка на их отдельные страницы, где у них есть разные меню. Например: WordPress / админ-панель
Это можно сделать, создав отдельные модули для каждого пользователя и отложив загрузку модуля на основе пользователя. В этом случае конечный пользователь получит файлы только для этого конкретного модуля. Сообщите мне, требуется ли образец кода.
Ответы 2
1) Да, есть. Это называется маршрутизацией, и у angular есть довольно хороший учебник по маршрутизации. Проверьте это здесь - угловой маршрутизатор
2) Прежде чем приступить к разработке веб-приложений, вы должны иметь хотя бы минимальные знания о том, как работает TCP / IP. Все очень просто - вы не можете запускать несколько приложений на одном и том же порту.
Во-первых, спасибо за ответ. Но вы на самом деле не поняли мой вопрос. Я не хочу открывать панель навигации корневого уровня для конечного пользователя, который переключается между / home, / admin и / customer. Мне нужен прямой URL-адрес их собственных целевых страниц, и там у них будут свои собственные меню в соответствии с их зарегистрированной ролью. Во-вторых, я очень хорошо знаю TCP / IP, и поэтому сомневаюсь, как я могу запускать разные приложения Angular на одном и том же URL: порту, если у меня есть 3 разных приложения для / home, / admin, / customer.
SOLVED
Следуя этому: https://angular.io/guide/lazy-loading-ngmodules
ПРИМЕЧАНИЕ: в конце должен закомментировать кнопки навигации в app.component.html
<!--
<h1>
{{title}}
</h1>
<button routerLink = "/customers">Customers</button>
<button routerLink = "/orders">Orders</button>
<button routerLink = "">Home</button>
-->
<router-outlet></router-outlet>