使用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

回答

相关问题