Как маршрутизировать между проектами Angular?
Я создал несколько проектов в своем проекте Angular от ng generate application. Все они работают как отдельное автономное приложение, которое я могу обслуживать с помощью ng serve, но они используют один и тот же компонент панели навигации (каждый из них имеет собственный экземпляр одной и той же панели навигации). Я хотел бы перемещаться между проектами с помощью этой панели навигации. Как я могу этого добиться?
Это не вариации, а разные приложения с разными функциями. Раньше они работали в AngularJS, и маршрутизация могла связываться между ними. Теперь, из-за перехода на Angular 7, у меня есть куча гибридных приложений, где я загружаю старые приложения AngularJS внутри оболочек Angular7 (каждое из них имеет собственный проект). Последним шагом будет заставить их общаться (это не обязательно должно быть во время выполнения, может работать так после сборки каждого проекта).
Просто укажите ссылку на конкретный URL.
Ответы 1
Предполагая, что ваше приложение не является защищенным приложением
For example you have 2 application running on port as follow:
1) http://localhost:4200
2) http://localhost:4000
Теперь ваша навигация должна выглядеть так
<ul class = "navbar">
<li><a href = "http://localhost:4200">Application 1</a></li>
<li><a href = "http://localhost:4000">Application 2</a></li>
</ul>
Просто, вы не можете. Архитектура Angular 7 не позволяет общаться через уникальные экземпляры приложения. Вы можете взломать прослушиватель веб-сокетов и создать систему триггеров и обработчиков, основанную на событиях, но вы будете делать в 10 раз больше работы, чтобы сделать то, что без Angular довольно просто. Могу я спросить, почему вы хотите одновременно запускать более одного экземпляра приложения (или его вариантов)?