Javascript Can'；t访问单个JSON数据[AngularJS]

我有一个外部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>

{{hotel.hotel\u info.hotel\u name}

它应该显示“Ascot住宿”，但不显示任何内容

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

有人知道我为什么不能访问个人信息吗

---

先谢谢你

在JSON中，hotel_info是一个数组而不是一个对象（方括号

[]

是数组符号）。改为：

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

{{hotel.hotel\u info[0].hotel\u name}

谢谢你，简单一点！MrCode是正确的。如果你的json文件中只有一家酒店的信息，我不会把它放在一个数组中，而是把它作为一个对象映射：{“预订id”：“2”，“酒店名称”：“阿斯科特住宿”，“星级id”：“2”，“街道”：“Via Via Vincenzo da Seregno”，“省”：“米兰”，“每晚价格”：“417.00”}这基本上就是您所需要的，插值看起来像{{hotel.hotel_name}