使用Angular迭代jSON

我正在使用Angular遍歷MongoDB中的JSON文件的城市名稱，但似乎無法完成。我只希望citynames使用Angular迭代jSON

MongoDB中的JSON文件是：

{ 
"_id" : ObjectId("592409faf1f5831ca882ad39"), 
"city" : "Aalsmeer", 
"phoneLG" : "0101-101 101" 
}, 
{ 
"_id" : ObjectId("592409faf1f5831ca882ad39"), 
"city" : "Amerongen", 
"phoneLG" : "0101-010 010" 
}

這是我的角度：

app.controller('DataCtrl2', function($scope,$http,$location,$routeParams){ 
    $scope.currentCity = function(){ 
    $http.get("/getdata").then(function(response){ 
    angular.forEach(response.data) { 
     console.log(response); 
    } 
    }); 
    }; 
});

而且我用它在HTML：

<div ng-controller="DataCtrl2" ng-init="currentCity()"> 
    {{the citynames}} 
</div>

來源

2017-06-19 Larsmanson

它不是真正清楚你想在這裏問什麼。你似乎正在使用'ng-init'（不正確，我可能會添加）來調用一個異步獲取數據的函數，然後當數據返回時，循環並執行'console.log'。在這段代碼中沒有任何地方確實保存了用於HTML的數據。（即將數據保存到「$ scope」）。 – Claies

可否請粘貼整個回覆？ –

試試這個：

控制器：

app.controller('DataCtrl2', function($scope,$http,$location,$routeParams) { 

    loadCities(); 

    function loadCities() { 
     $http.get("/getdata").then(function(response){ 
      $scope.cities = response.data; 
     }); 
    } 
});

HTML：

<div ng-controller="DataCtrl2"> 
    <div ng-repeat="city in cities"> {{ city.city }}</div> 
</div>

來源

2017-06-19 13:43:03 Faly

這是我想要的一點點，但是如何在我的控制器中使用{{city.city}}的結果作進一步的使用。因爲我需要將城市名稱與其他值進行比較 – Larsmanson

我不明白你真正想要的是什麼 – Faly

使用Angular迭代jSON

回答

相關問題