Angular之所以被称为单页面应用,就是因为我们在改变浏览器URL的时候,
不触发刷新当前页面的行为,我们看到的所有的界面,其实是在一个主URL中。
这个功能(功能?现象?表现?随便吧!)就是通过路由实现的。
下面我们先简单的看一个关于路由的例子。
当我们点击上面的导航栏时,当前页面的地址会变成类似http://localhost:63342/test.html#about
尾部带的#about就是我们常常说的锚标记,上述例子中我们使用的是锚标记最传统的用法,
直接连接到所在页面的其他位置,比如这个例子中,本来about部分的内容是在窗口之外的,
访问量#about之后,页面就会自动滚动,将它展示出来。
关于路由的其他详细介绍可以参考我之前的博客。
ionic入门教程第十九课-ionic路由详解(state、route、resolve)
Angular最新教程-第八节 路由一(路由配置)
最新推荐文章于 2023-01-16 22:39:02 发布
Angular中的路由功能使得在更改URL时不刷新页面,实现单页面应用。本文介绍如何导入RouterModule,新建路由对象,配置路由并设置渲染界面,通过实例演示Angular4的路由使用方法,包括重定向和组件配置。同时提供了源代码链接供读者实践。

订阅专栏 解锁全文
1157

被折叠的 条评论
为什么被折叠?



