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

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 来读取并显示数据。在我的 Controller 中，我有:

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>

这应该显示“Ascot Lodging”，但它不显示任何内容。

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

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

提前谢谢您。

Answer 1

在 JSON 中 hotel_info 是一个数组而不是对象(方括号 [] 是数组表示法)。更改为:

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