美文网首页
Angular4路由守卫异步操作

Angular4路由守卫异步操作

作者: 飞鱼YE | 来源:发表于2018-03-02 21:28 被阅读0次

守卫可以用同步的方式返回一个布尔值。但在很多情况下,守卫无法用同步的方式给出答案。 守卫可能会向用户问一个问题、把更改保存到服务器,或者获取新数据,而这些都是异步操作。因此,路由的守卫可以返回一个Observable<boolean>或Promise<boolean>,并且路由器会等待这个可观察对象被解析为true或false。

canActivate(): Promise<boolean> {
        return this.http.post('url', null).toPromise().then(
            res => {
                if (res) {
                    return true;
                } else {
                    return false;
                }
            }
        );
    }

相关文章

  • Angular4路由守卫异步操作

    守卫可以用同步的方式返回一个布尔值。但在很多情况下,守卫无法用同步的方式给出答案。 守卫可能会向用户问一个问题、把...

  • Vue导航守卫

    Vue导航守卫 理解 导航守卫也叫路由守卫,可以实时的监控路由的跳转过程,在路由的跳转的各个过程执行相应的操作,有...

  • 路由守卫

    作用 用于跳转或者取消的方式来守卫导航。 路由守卫是异步解析执行,此时导航在所有守卫resolve完之前一直处于等...

  • 6、angular学习第五天(路由守卫)

    1、路由守卫 路由守卫的意义是为了在进入路由或者离开路由的时候,允许判断当前用户是否有权限或者有未完成的操作。用于...

  • vue的路由守卫

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

  • 路由守卫

    是路由跳转前、中、后过程中的一些钩子函数,这些函数能让你操作一些其他事 分类: 全局守卫前置路由守卫--route...

  • 路由守卫

    路由守卫分为三种 全局守卫: 路由独享守卫卸载route里 组件内守卫:写在组件配置对象里

  • [VUE]动态的更新页面的Title

    首先可以用路由守卫 + VueRouter来实现路由守卫相关文档1.main.js里加入路由守卫 // 页面修改时...

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

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

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

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

网友评论

      本文标题:Angular4路由守卫异步操作

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