发表于： 2019-11-28 18:07:16
1 1104
今天完成的事：表单验证
明天要完成的事：
难题：写路由守卫的时候把自己的组件结构改了结果发现出问题了，所有的路由全部改了，心态爆炸
收获：
当验证不通过时，一定有一个地方不对，他的valid是false，所以打印所有的必填项的valid，得出结论图片的有问题，
最后发现是表单图片的赋值有问题，
然后是路由守卫
由守卫是指当用户满足了某些要求之后才可以离开或者进入某个页面或者场景的时候使用。比如说只有当用户填写了用户名和密码之后才可以进入首页，比如说用户离开某个页面时明月保存信息提示用户是否保存信息后再离开等操作，控制这些要求的就叫路由守卫
1.CanActivate 进入路由守卫（通俗来说：创建一个守卫，将要求写入守卫里面，将守卫注入到使用的页面，在路由里面引用这个守卫，）
这种守卫是指用户必须满足某些要求后才可以进入路由。比如注册登录
1.首先建立一个守卫文件guard，在文件里面建一个守卫guard.ts
2.在guard.ts里面定义一个类，这个类实现一个接口CanActivate：这个接口只有一个方法就是canActivate(){}
每个 Route 都会把一个 URL 的 path 映射到一个组件。 注意，path 不能以斜杠（/）开头。 路由器会为解析和构建最终的 URL，这样当你在应用的多个视图之间导航时，可以任意使用相对路径和绝对路径。
返回列表
评论