我的控制台中返回了以下数组对象,现在我想做的是在我的 index.html 文件中使用 ng-repeat 对其进行迭代,所以我将如何在返回的 json 中执行此操作:-
{body: ["xx", "x", "x", "vinit↵", "gyghg", "hjhghg", "j", "jj", "bn", "ss"]}
我的 app.js:-
var app = angular.module('myApp',[]);
app.controller('movie',['$http','$scope',function($http,$scope) {
$scope.products = [];
$http.get('blog/').then(successCallback, errorCallback);
function successCallback(response){
products=response.data;
console.log(products);
}
function errorCallback(error){
console.log(error);
}
// body...
}]);
这里我正在做的是在我的 index.html 中迭代这些对象:-
<div ng-repeat="item in products">
<ul>
<li>{{item.body}}</li>
</ul>
</div>
但是它没有在屏幕上打印任何东西,我想要的是在 li 标签中打印那些数组元素。
最佳答案
需要将 products=response.data;
更改为 $scope.products=response.data;
将响应值分配给 Angular 范围变量以在 html 页面中访问该值。
并将 {{item.body}} 更改为 {{item}}
<li>{{item}}</li>
关于javascript - 我如何使用 ng-repeat 迭代这个数组对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43448774/