Question

我有一个外部JSON文件hotel.json。

{
    "hotel_info": [{
        "booking_id": "2",
        "hotel_name": "Ascot Lodging",
        "star_id": "2",
        "street": "Via Vincenzo da Seregno",
        "province": "Milan",
        "price_per_night": "417.00"
    }]
}

我使用AngularJS读取并显示数据。在我的控制器中，我有：

app.controller('mainController', function($scope,$http) {
    $http.get('includes/hotel.json').success(function (data) {
    $scope.hotel = data;
   });
});

然后，我应该能够使用以下方式在HTML页面上显示数据：

<h3>{{ hotel.hotel_info.hotel_name }}</h3>

这应显示＆＃34; Ascot Lodging ＆＃34;但它没有显示任何东西。

正在传递数据，因为如果我从把手中删除.hotel_name，它只会返回整个JSON文本。

有谁知道为什么我无法访问个人信息？

提前谢谢你。

Answer 1

在你的JSON中hotel_info是一个数组而不是一个对象（方括号[]是数组符号）。改为：

<h3>{{ hotel.hotel_info[0].hotel_name }}</h3>

无法访问单个JSON数据[AngularJS]

1 个答案: