2.6 angular-路由(Route)

时间:2022-02-16 03:44:17

1.single page application(单页应用):主页面只加载一次,不在刷新,只是改变页面上部分内容的应用。

2.Route作用:angular就是一个单页应用,而路由的功能就是来实现在不改变主页的情况下,实现页面局部内容的替换,其原理就是改变页面的视图状态,例如:主页面为商品列表状态,而商品的详情页,就是页面的详情状态。

3.视图状态:spa可以理解为视图状态的集合。

4.Route相关对象: ng new route --routing

    

名称 简介
Routes 路由配置,保存着那个URL对应展示那个组件,以及在哪个RouterOutlet中展示组件
RouterOutlet 在Html中标记路由内容呈现位置的占位符指令
Router f负者在运行时执行路由的对象,可以通过调用其navigate()和navigateByUrl()方法来导航到一个指定的路由
RouterLink 在Html中声明路由导航用的指令
ActivatedRoute d当前激活的路由对象,保存着当前路由的信息,如路由地址,路由参数等。
5.Routes组成:path/user,componentA
         2.6 angular-路由(Route)
        

6.路由路通配符,实现页面不存在提示页面,路由通配符应放在后面

        {path:'**', component: Code404Component}