Javascript 如何使用ng repeat迭代这个数组对象

我在控制台中返回了以下数组对象，现在我要做的是在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标记中的数组元素。

试试这个

var app = angular.module('myApp',[]);
app.controller('movie',['$http','$scope',function($http,$scope) {
$scope.products = [];
$http.get('blog/').then(successCallback, errorCallback);
function successCallback(response){
    $scope.products=response.data;
    console.log($scope.products);
}
function errorCallback(error){
    console.log(error);
}

// body...
}]);

试试这个

var app = angular.module('myApp',[]);
app.controller('movie',['$http','$scope',function($http,$scope) {
$scope.products = [];
$http.get('blog/').then(successCallback, errorCallback);
function successCallback(response){
    $scope.products=response.data;
    console.log($scope.products);
}
function errorCallback(error){
    console.log(error);
}

// body...
}]);

---

您应该有一个$scope变量products

改变

从

到

你应该可以进入

<div ng-repeat="item in products">
    <ul>
        <li>{{item}}</li>
    </ul>
</div>

---

您应该有一个$scope变量products

改变

从

到

你应该可以进入

<div ng-repeat="item in products">
    <ul>
        <li>{{item}}</li>
    </ul>
</div>

变更产品=响应数据；至$scope.products=response.data

并将{item.body}更改为{{item}

<div ng-repeat="item in products">
    <ul>
        <li>{{item}}</li>
    </ul>
</div>

    <li>{{item}}</li>

变更产品=响应数据；至$scope.products=response.data

并将{item.body}更改为{{item}

<div ng-repeat="item in products">
    <ul>
        <li>{{item}}</li>
    </ul>
</div>

    <li>{{item}}</li>

试试这个

angular.moduleapp，[]控制器'controller'，控制器； 函数控制器$scope，$http{ var res={body:[xx，x，x，vinit↵, gyghg，hjhghg，j，jj，bn，ss]}； $scope.products=res.body； } {{item}} 试试这个

angular.moduleapp，[]控制器'controller'，控制器； 函数控制器$scope，$http{ var res={body:[xx，x，x，vinit↵, gyghg，hjhghg，j，jj，bn，ss]}； $scope.products=res.body； } {{item}} 需要更改产品=响应.数据；至$scope.products=response.data

将响应值分配给角度范围变量，以便在html页面中访问该值

并将{item.body}更改为{{item}

<div ng-repeat="item in products">
    <ul>
        <li>{{item}}</li>
    </ul>
</div>

    <li>{{item}}</li>

需要更改产品=响应.数据；至$scope.products=response.data

将响应值分配给角度范围变量，以便在html页面中访问该值

并将{item.body}更改为{{item}

<div ng-repeat="item in products">
    <ul>
        <li>{{item}}</li>
    </ul>
</div>

    <li>{{item}}</li>

---

每个人都告诉你，你需要更换

products=response.data; 

到

之后，在视图中，您希望迭代body元素，因此：

<div ng-repeat="item in products.body">
<ul>
    <li>{{item}}</li>
</ul>

---

每个人都告诉你，你需要更换

products=response.data; 

到

之后，在视图中，您希望迭代body元素，因此：

<div ng-repeat="item in products.body">
<ul>
    <li>{{item}}</li>
</ul>

---

变更产品=响应数据；至$scope.products=response.data；我认为没有必要这样做，因为我已经声明了$scope.products=[]work@VinitRaj但是，在重新分配时，需要$scope。那里或者products=response.data将创建一个名为products的普通JS变量，并将您的值分配给that@VinitRaj检查我的回答更改产品=response.data；至$scope.products=response.data；我认为没有必要这样做，因为我已经声明了$scope.products=[]work@VinitRaj但是，在重新分配时，需要$scope。那里或者products=response.data将创建一个名为products的普通JS变量，并将您的值分配给that@VinitRaj检查我的回答，但我的问题是如何使用ng repeat访问这些数组元素，以便在标记中获得正确的值，但我的问题是如何使用ng repeat访问这些数组元素，以便标记中的正确值