连接Angular中的零部件



我正在尝试用Angular开发一个网站。我的网站恰好是一个多页面应用程序(MPA(,其中不同的页面被开发为不同的组件。我已经开发了网站的那些页面,我只是想知道如何将这些组件/页面连接在一起,就像点击按钮一样,用户应该被引导到另一个页面,等等。

此外,如果有人能提供一些参考资料或教程,教我们如何在Angular的帮助下开发多页应用程序(MPA(,那将是非常棒的。我在网上搜索了很长一段时间,没有找到任何东西,因为Angular主要用于单页应用程序(SPA(。

如有任何帮助,我们将不胜感激。谢谢

在您的场景中,保存某种状态非常重要,因为SPA在硬重新加载时会丢失状态,即CTRL+R。

一种常见的方法是使用localStorage来保存恢复状态所需的数据,但其缺点是安全性,因为可以从开发工具中查看。

另一种方法是使用cookie,这需要后端。我认为这是直截了当的,通常被问及如何实现cookie。

这与其他SSR(服务器端重新定义(页面处理其状态的方法相同。

此外:

我想我有点猜到了你的问题,因为你只是在不同的路线上有不同的组件。Angular是一个SPA,但这并不意味着它不能更改路线。它将更改路线,但不会重新加载浏览器。在那里你可以接触到其他组件。关于这一点,我建议阅读以下Tour of Heroes示例:

https://angular.io/guide/router

最新更新