AngularJS使REST調用並在瀏覽器中顯示結果

Question

我試圖從REST服務獲取數據並在瀏覽器中顯示元素。 一段代碼：

Server.prototype.typeNames = function() { 
       var json = '{' 
         + '"query" : "MATCH n RETURN n.typeName LIMIT 10"' 
         + '}'; 
       $http.post("http://localhost:7474/db/data/cypher", json).then(function(response) { 
        var data = response.data; 
        console.log(data); 
        return data; 
       }); 
      } 

我敢肯定，JSON和REST調用是正確的，因爲我可以看到在我的控制檯中的數據，它是正確的，但我不能看到它在網頁上。 我也有這個在我的js文件：

$scope.typeNames = Server.typeNames() 

在HTML：

{{typeNames}} 

另外：我安裝AngularJS鍍鉻調試擴展，那裏也是空：

typeNames: null 

這裏（http://pastebin.com/itHv97da）你可以找到更多的代碼。這段代碼不是我的，Server.prototype的東西都在那裏。我只是添加了Server.prototype.typeNames，我試圖讓它工作。

Answer 1

您的typeNames函數沒有返回任何東西。

根據版本，您可以嘗試返回整個$ http部分，但更好的方法是返回承諾，並在.then回調中解決承諾。

事情是這樣的：

var deferred = $q.defer(); 
$http.post("http://localhost:7474/db/data/cypher", json).then(function(response) { 
    var data = response.data; 
    console.log(data); 
    deferred.resolve(data); // <--- this is the key 
    return data; 
}); 
return deferred.promise; 

Answer 2

因爲它是你需要的承諾，一些樣品的工作一個異步調用：關於承諾是如何工作的

Processing $http response in service

更多信息：

http://andyshora.com/promises-angularjs-explained-as-cartoon.html

Answer 3

Server.prototype.loadTypeNames = function(typeNames) { 
    var json = {query : 'MATCH n RETURN n.typeName LIMIT 10'}; 

    $http.post("http://localhost:7474/db/data/cypher", json).then(function(response) { 
     typeNames = response 
    }); 
} 

在你的js文件

：

$scope.typeNames = []; 
Server.loadTypeNames(typeNames);