搜索

首页  >  问答  >  正文

angular.js - angular中怎么根据时间来判断重新调接口还是调localstorage的内容

我希望能做到通过时间去判断数据是重新通过接口去取还是直接拿localstorage里面的数据,但是接口返回的是一个promise对象,用if else判断是会报promise.then is not a function。

phpcn_u1582phpcn_u15822744 天前560

全部回复(1)我来回复

  • PHP中文网

    PHP中文网2017-05-15 17:12:16

    页面加载后取一个时间点,点击刷新的时候再取时间。看时间差来判断要取local还是接口,两者的逻辑不同,所以要用不同的方式进行调用。最后赋值给页面存储数据的变量,这样就不会出现你说的错误了。
    补充:
    比如你页面数据是用$scope.data存储的。
    加载页面的时候去时间点,存在start变量中。
    当点击刷新时,取结束时间存end,直接取时间差也可以。如果时间差大于等于一分钟,从接口取数据。否则从localStorage取数据。
    接口取数据回来的是promise,而localStorage回来的是字符串。

    if(end-start>= 1){ //从接口取数据,加入接口名字为DataService
        DataService().then(function(response){
            console.log(response); //这里默认接口回来的数据和你页面数据是一样的,有可能页面数据是接口数据的一部分,需要用点进行调用,例如 response.data
            $scope.data = response;
        })
    }else{
        //从localStorage取数据,这里假定你存入的数据名为data
        //取回来的是字符串,需要转成json。注意,存入的时候也要是字符串,需要用JSON.stringify()转换
        $scope.data = JSON.parse(localStorage.getItem("data"));
    }
    

    代码只是显示逻辑,不能直接运行。

    回复
    0
  • 取消回复