Angular ---小demo体验angular项目开发知识点2--angular中的表单验证、路由、路由守卫、http、http拦截器

1、项目需求

  

 2、开始开发

  

  

   angular中的路由

   

    普通路由出口    <router-outlet></router-outlet> 

    嵌套的路由又会对应一个   路由出口    <router-outlet></router-outlet> 

    

    

   angular中的表单验证

    angular中想要实现双向数据绑定要记得导入下表单模块

    angular中提供了一种特殊的表单验证(ng的方式),所以普通的表单验证没有效果

          最基本的表单验证

    

    

   3、token的应用场景

      因为有的接口是有权限的,要验证用户身份,即用户需要登录网站后获取token,(一般登录接口访问后返回token)

      然后再在访问接口时,设置请求头X-Access-Token,value值为刚刚获取的token值

       d

  4、路由中的路由守卫 (详情见官网)   ----页面路由导航的拦截功能

    普通情况下任何用户都能在任何时候导航到任何地方。 但有时候这样是不对的。该用户可能无权导航到目标组件,可能用户得先登录(认证),

    你可以往路由配置中添加守卫,来处理这些场景;守卫返回一个值,以控制路由器的行为:如果它返回 true,导航过程会继续;如果它返回 false,导航过程就会终止,且用户留在原地

    步骤:  新建一个auth-guard.service.ts文件,在文件中添加守卫处理

       导入路由模块中,然后再需要权限认证的路由下添加canActivate属性

      

      

   4、angular中的http请求-----详细的还是看官网文档吧

     

    

    http拦截器---官网上也有说明

    

    

    

     

    

    

      

   

原文地址:https://www.cnblogs.com/yangyutian/p/11123250.html