Подключение компонентов в Angular

Question

Я пытаюсь разработать сайт в Angular. Мой веб-сайт представляет собой многостраничное приложение (MPA), где разные страницы были разработаны как разные компоненты. Я разработал эти страницы веб-сайта, мне было просто интересно, как можно соединить эти компоненты / страницы, как по нажатию кнопки, пользователь должен быть перенаправлен на другую страницу, например, c.

Также было бы здорово, если бы кто-нибудь мог предоставить какие-либо ссылки на некоторые ресурсы или учебные пособия, где они учат нас, как разрабатывать многостраничные приложения (MPA) с помощью Angular. Я долго искал в Интернете и ничего не нашел, поскольку Angular в основном используется для одностраничных приложений (SPA).

Любая помощь будет высоко оценена. Спасибо!

Answer 1

В вашем сценарии действительно важно иметь какое-то сохранение состояния, так как SPA теряет свое состояние при перезагрузке, то есть CTRL + R.

Обычным подходом будет использование localStorage для сохранения ваших данных, необходимых для восстановления состояния, но недостатком является безопасность, которую можно увидеть из the devtools.

Другим подходом может быть использование файлов cookie , для которых требуется серверная часть. Я думаю, что это прямо и обычно спрашивают, как реализовать куки.

Это тот же подход, что и другие страницы SSR (на стороне сервера) обрабатывают свое состояние.

Дополнительно:

Думаю, я догадался о вашей проблеме, поскольку у вас просто разные компоненты на разных маршрутах. Angular - это SPA, но это не значит, что он не может изменить маршрут. Это изменит маршрут, но без перезагрузки браузера. Там вы можете добраться до других компонентов. Подробнее об этом я бы порекомендовал прочитать Tour of Heroes пример:

https://angular.io/guide/router