美文网首页
7.resolve守卫

7.resolve守卫

作者: Monee121 | 来源:发表于2018-02-03 17:26 被阅读0次

带着一个ID进路由时,数据返回有延迟。模板无法立刻显示。使用resolve守卫,可以预先进入路由器之前去服务器读数据,带着需要的数据进入路由,立刻显示数据。

新建一个product.resolve.ts,目的是,进到商品信息之前,先读取信息,在带着信息进入到商品信息里面。

守卫完成 守卫加到路由

错误排除:使用类的话,是先声明类,然后在使用,自己会引用。记得检查括号少否

括号  @Injectable()

引用  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable | Promise | Product {

相关文章

  • 7.resolve守卫

    带着一个ID进路由时,数据返回有延迟。模板无法立刻显示。使用resolve守卫,可以预先进入路由器之前去服务器读数...

  • webpack 入门 2

    多页应用打包 例如 webpack.config.js 内容 7.resolve 配置(webpack 如何寻找模...

  • vue学习笔记(八)导航守卫(全局守卫,路由独享,组件内守卫)

    导航守卫-全局守卫 导航守卫-路由独享 导航守卫-组件内守卫

  • 路由守卫(全局守卫、独享守卫、组件内守卫)

    1.作用:对路由器进行权限控制2.分类:全局守卫、独享守卫、组件内守卫 全局守卫 独享守卫 组件内守卫

  • vue的路由守卫

    路由守卫分3种:全局守卫路由独享守卫组件内的路由守卫 1.全局守卫:beforeEachbeforeResolve...

  • vue-路由导航守卫&异步组件

    导航守卫包括全局导航守卫、路由守卫、组件局部守卫 全局导航守卫 在全局导航守卫中,每次路由的跳转他们三个都会被触发...

  • vue导航守卫

    导航守卫:vue-router主要提供跳转或取消的方式守卫导航, 导航守卫分为全局前置守卫、全局解析守卫、全局后置...

  • vue路由导航卫士

    全局守卫beforeEach : 全局前置守卫beforeResolve : 全局解析守卫afterEach :...

  • vue学习(52)vue-router(4)

    路由守卫作用:对路由进行权限控制分类:全局守卫、独享守卫、组件内守卫全局守卫(我们可以在meta中配置一些信息) ...

  • vue导航守卫

    根据作用域的不同,vue导航守卫分三种:全局导航守卫、组件内部导航守卫、路由独享守卫 全局导航守卫,在main.j...

网友评论

      本文标题:7.resolve守卫

      本文链接:https://www.haomeiwen.com/subject/kkwuzxtx.html