Angular ngRepeat无法从json对象中提取值

Question

我有一个json文件＆＃34; imgae A＆＃34;它向控制器内部供电 - console.dir(data)输出＆＃34;图像D＆＃34;。

以下代码中的绑定无法生成item.name，只是在其位置输出空行＆＃34;图像B＆＃34;。

但是，如果我将{{item.name}}更改为{{item}}，我会得到＆＃34;图片C＆＃34;

我的json错了还是绑定表达式错了？感谢

＆＃13;

＆＃13;

<section>
    <ul>
        <li ng-repeat="item in menuItems">
            <br/>
            <p>dummy</p>
            {{item.name}}
        </li>
    </ul>
</section>

＆＃13;

＆＃13;

＆＃13;

以下是评论中要求的控制器：

var appControllers = angular.module('appControllers', []);

appControllers.controller ('MainMenuCtrl', ['$scope', '$http', function ($scope, $http){
$http.get('js/mainMenu.json').then (function (data){
    $scope.menuItems = data;
    console.dir(data);
},
function(error){
    alert("http error");
});
}]);

Answer 1

menuItems不是http响应中返回的数据。这是http响应本身，你正在迭代它的字段（数据，状态，statusText等）

你可能有像

这样的东西

$http.get(...).then(function(response) {
    $scope.menuItems = response;
});

而不是

$http.get(...).then(function(response) {
    $scope.menuItems = response.data;
});