AngularJS $ http呼叫響應沒有在視圖上更新

我正在做一個$ http呼叫，在呼叫之後，我得到錯誤響應，其中被顯示在視圖上，我可以在控制檯日誌中看到錯誤消息，但是它的沒有顯示在視圖上。我在$範圍分配錯誤信息給一個變量和內插上查看

下同是$ HTTP調用

userService.getUser = function(searchByNum){ 
     var q = $q.defer(); 

     $http({ 
      method:'GET', 
      url :'http://localhost:8083/simpro1/helloRest/user/'+searchByNum 
     }).success(function(response){ 

      userService.user=response; 
      q.resolve(response); 
     }).error(function(error){ 

      userService.errors = error; 
      q.reject(error); 
     }) 

     return q.promise; 
    }

下面的服務部分的控制器部分

$scope.getDetails = function(searchByNum){ 

      userService.getUser(searchByNum) 
      .then(function(res){ 
       console.log(res); 
      },function(error){ 

       **$scope.errMessages = userService.errors.errMessage;** 
      }) 
     }

在上述錯誤代碼塊中，將消息分配給變量$ scope.errMessages ，但在視圖上沒有更新，但在控制檯上可以看到錯誤消息。

能有人幫我這個請....

下面

是認爲其{{errMessages}}變量

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 


    <title>Jumbotron Template for Bootstrap</title> 


    <body ng-controller="contactHomeCtrl"> 

    <nav class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <div> 
      <a class="navbar-brand" href="#">{{username | capitalizeFirstLetter }}</a> 
      </div> 
     </div> 
     <div id="navbar" text-align="right" class="navbar-collapse collapse"> 
      <a class="navbar-brand" href="#" ng-click="logout()">Logout</a> 
     </div> 
     <div> </div> 


    <!-- Main jumbotron for a primary marketing message or call to action --> 
    <div class="jumbotron"> 
     <div class="container"> 
     <h1>U R Fired</h1> 
     <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p> 
     <p> 
     <div has-permission = "['administration', 'ROLE_ADMIN']"> 
      <a class="btn btn-primary btn-lg" ui-sref="#" role="button">Learn more &raquo;</a> 
     </div> 
     </p> 
     </div> 
    </div> 

    <div class="container"> 
     <!-- Example row of columns --> 
     <div class="row"> 
     <div class="col-md-4"> 
      <h5>Enter the Number to Search</h5> 
      <div ui-view="contactByNumber"></div> 
      </div> 

     <div class="col-md-4"> 

      **<div>{{errMessages}} </div>** 
     </div> 
      <div class="col-md-4"> 

      <div></div> 
     </div> 


     <hr> 

     <footer> 

     </footer> 
    </div> <!-- /container --> 

    </body> 
</html> 


console.log("error message"+userService.errors.errMessage); results in 
No Customer is found with Id 

console.log("error Object"+JSON.stringify(error)); results in complex object  
with all the html messages this is also a failure message

來源

2017-01-21 user1245524

向我們展示您的視圖，並檢查服務$ http –

中的'console.log（userService.errors.errMessage）'和'console.log（error）'不要使用'.success（）'和' .error（）'在你的服務中。他們已被棄用。還要記住，在服務的'.success（）'函數中，'response'變量保存* data *，而不是整個響應。 – cst1992

在哪個控制器中定義了'$ scope.getDetails = function（searchByNum）{}'函數？它在'contactHomeCtrl'上嗎？ –

-1

使用$timeout這可能會啓動新的消化週期打印錯誤。

$timeout(function() { 
    $scope.errMessages = userService.errors.errMessage; 
}, 300)

將此行放入您的錯誤塊中。並且不要忘記添加$超時作爲依賴性

來源

2017-01-21 09:37:48 Shubhranshu

它有什麼用？該OP是使用角度服務，所以我不明白這是如何解決問題 –

您在您的成功功能中使用console.log，在您的錯誤功能中使用$scope.errMessages。 console.log將執行（如果承諾解析成功）或$scope.errMessages變量將被設置（如果它拒絕）。

記住變量纔會被置如果承諾拒絕和 userService.errors的值不不確定。

這就是說，爲什麼直接將變量分配給userService.errors？只需將您的拒絕中的數據發送給。然後（）錯誤功能。

來源

2017-01-21 09:46:31 cst1992

我在國際上檢查錯誤情況。發送數據在拒絕和直接分配在thens錯誤函數，這個問題發生在成功的情況也 – user1245524

那麼你爲什麼拋出你的函數'userService.getUser（）'的錯誤響應呢？我在這裏只看到一個console.log，如果顯示，這意味着getUser（）函數正在成功解析。 – cst1992

20是getUser函數解析成功，我們可以在日誌中看到結果，但未在視圖中更新 – user1245524

AngularJS $ http呼叫響應沒有在視圖上更新

回答

相關問題