欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決angularjs中同步執(zhí)行http請(qǐng)求的方法

 更新時(shí)間:2018年08月13日 09:29:20   作者:方塊糖  
今天小編就為大家分享一篇解決angularjs中同步執(zhí)行http請(qǐng)求的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

如下所示:

self.tableParams = new NgTableParams({}, {
  getData: function (params) {
    $http.post("rest/staff/page", $scope.req).success(function (data) {
      if (data != null && data != undefined) {
        $scope.staffs = data.data;
        params.total($scope.totalPage);
      }
    }).error(function (data) {
      $("#serverErrorModal").modal({show: true});
    });
 
    return $scope.staffs;
  }
});

上面這個(gè)示例中,getData方法要得到通過(guò)$http請(qǐng)求返回的值,然而在angularjs中$http永遠(yuǎn)都是異步的,也就是說(shuō)return的值將一直為空;

網(wǎng)上的例子都是通過(guò)$q,promise來(lái)實(shí)現(xiàn),我試了但是不行,應(yīng)該是我自己的問(wèn)題

然后突然想到$http本身就返回一個(gè)promise對(duì)象,何不直接使用?!代碼如下

self.tableParams = new NgTableParams({'count': 10} , {
  getData: function (params) {
    var promise = $http.post("rest/staff/page", $scope.req);
    return promise.then(function (resut) {
      var response = resut.data;
      var total = response.otherData[0];
      params.total(total);
      return response.data;
    });
 
  }
});

直接這樣return就可以實(shí)現(xiàn)同步獲取數(shù)據(jù)了~

以上這篇解決angularjs中同步執(zhí)行http請(qǐng)求的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • angular實(shí)現(xiàn)圖片懶加載實(shí)例代碼

    angular實(shí)現(xiàn)圖片懶加載實(shí)例代碼

    本篇文章主要介紹了angular實(shí)現(xiàn)圖片懶加載實(shí)例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-06-06
  • Angularjs使用過(guò)濾器完成排序功能

    Angularjs使用過(guò)濾器完成排序功能

    這篇文章主要為大家詳細(xì)介紹了Angularjs使用過(guò)濾器完成排序功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-09-09
  • Angular性能優(yōu)化之第三方組件和懶加載技術(shù)

    Angular性能優(yōu)化之第三方組件和懶加載技術(shù)

    這篇文章主要介紹了Angular性能優(yōu)化之第三方組件和懶加載技術(shù),對(duì)性能優(yōu)化感興趣的同學(xué),可以參考下
    2021-05-05
  • angular 服務(wù)隨記小結(jié)

    angular 服務(wù)隨記小結(jié)

    這篇文章主要介紹了angular 服務(wù)隨記小結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • 使用ngView配合AngularJS應(yīng)用實(shí)現(xiàn)動(dòng)畫(huà)效果的方法

    使用ngView配合AngularJS應(yīng)用實(shí)現(xiàn)動(dòng)畫(huà)效果的方法

    這篇文章主要介紹了使用ngView配合AngularJS應(yīng)用實(shí)現(xiàn)動(dòng)畫(huà)效果的方法,AngularJS是十分熱門(mén)的JavaScript庫(kù),需要的朋友可以參考下
    2015-06-06
  • 基于Angular.js實(shí)現(xiàn)的觸摸滑動(dòng)動(dòng)畫(huà)實(shí)例代碼

    基于Angular.js實(shí)現(xiàn)的觸摸滑動(dòng)動(dòng)畫(huà)實(shí)例代碼

    這篇文章主要介紹了基于Angular.js實(shí)現(xiàn)的觸摸滑動(dòng)動(dòng)畫(huà)實(shí)例代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2017-02-02
  • 老生常談angularjs中的$state.go

    老生常談angularjs中的$state.go

    下面小編就為大家?guī)?lái)一篇老生常談angularjs中的$state.go。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-04-04
  • AngularJS 防止頁(yè)面閃爍的方法

    AngularJS 防止頁(yè)面閃爍的方法

    我們知道在應(yīng)用的頁(yè)面或者組件需要加載數(shù)據(jù)時(shí),瀏覽器和angular渲染頁(yè)面都需要消耗一定的時(shí)間。這篇文章主要介紹了AngularJS 防止頁(yè)面閃爍的方法,需要的朋友可以參考下
    2017-03-03
  • angular.element方法匯總

    angular.element方法匯總

    本文主要給大家匯總了一下angular.element的方法,十分的詳細(xì),這里推薦給大家 參考下。
    2015-01-01
  • 解決angularjs中同步執(zhí)行http請(qǐng)求的方法

    解決angularjs中同步執(zhí)行http請(qǐng)求的方法

    今天小編就為大家分享一篇解決angularjs中同步執(zhí)行http請(qǐng)求的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-08-08

最新評(píng)論