2017-05-05 17 views
1

我有2頁。第1頁是信息頁面。第2頁是狀態頁面。每個頁面都有自己的控制器(infoController和statusController)。在頁面1上的表單提交中,我必須調用Post API,然後導航到Page2。我還需要隨身攜帶身份證。在頁面2上,我必須使用此ID來發出GET請求。如何將參數發送到另一個控制器中的GET API

POST API 
/information 
RESPONSE 
statusCode: "200" 
statusMessage: string 
agencyId: "ddsdsa" 

GET API 
/certification/view/{agencyId} 

控制器第1頁

function postData() { 
      var dataToSend = { 
       agencyName: vm.data.agencyName, 
       businessLegalName: vm.data.businessLegalName, 
      }; 
      var postPromise = httpService.apiPostRequest ('/information', dataToSend); 
      postPromise.then(function(response){ 
       if(response.data.statusCode == '200'){ 
        $state.go ("accsetup.status"); 
        Id = response.data.id; 
       } 
      }) 
      .catch(function(error){ 
       console.log (error); 
      }); 

     } 

控制器第2頁

function StatusController ($http, httpService) {  
     var vm = this; 

     var promise = httpService.apiGetRequest('/certification/view/ddsdsa'); 
     promise.then(function(response){ 
      vm.data = response.data; 
     }) 
     .catch(function(error){ 
      console.log (error); 
     }); 

    } 
+1

所以,嗯什麼是你遇到的問題? –

+0

@ Maria Ines Parnisari - 我需要將agencyId:「ddsdsa」傳遞給另一個控制器中的GET API – dragonfly

回答

1

在你信息頁可以使用$state.go將數據發送到新的視圖。

if (response.data.statusCode == '200'){ 
    var agencyId = response.data.id; // e.g. ddsdsa 
    $state.go("accsetup.status", {agencyId: agencyId});   
} 

然後在你狀態頁您檢索與uiRouter$stateParams服務這個值。

function StatusController ($http, $stateParams, httpService) {  
    var vm = this; 
    var agencyId = $stateParams.agencyId; // ddsdsa 
    var promise = httpService.apiGetRequest('/certification/view/' + agencyId); 
    // etc 
} 

對於這個工作,你需要更新你的狀態定義:

.state('accsetup.status', { 
    params: {agencyId: null} // add this 
}) 
+0

$ state.go(「accsetup.status」,{agencyId:agencyId});拉入數值。但是,當它進入StatusCroller agencyId未定義 – dragonfly

+0

在'StatusController'內,你可以在'var agency = ...'這一行放置一個斷點並告訴我你在'$ stateParams'中看到了什麼? –

+0

是的。我做到了。它顯示未定義。以下是我如何定義我的路線 – dragonfly

相關問題