安格拉斯。正确读取JSON

我是AngularJS的noob，但我正在努力学习如何克服它

我有以下控制器。它根据URL获取JSON文件

app.controller('PortfolioItemCtrl', ['$scope', '$routeParams', '$http',
    function($scope, $routeParams, $http) {
        $http.get('pages/portfolio/' + $routeParams.itemId + '.json').
            success(function(data) {
                $scope.item = data;
        });
}]);

问题是，我似乎无法像预期的那样读取此JSON

下面是我如何尝试在HTML中获取这些数据：

      <div ng-controller="PortfolioItemCtrl">
        <h1>{{item.cat}}</h1>
        <p>{{item.desc}}</p>
      </div>

{{item.cat}
{{item.desc}}

我的JSON看起来像这样

{
    "item_1": {
        "id":"1",
        "cat": "Web design",
        "desc": "Online magazine design for <em> \"Calcus\" <\/em> brand",
        "images": [
            "img/portfolio-item-1.jpg",
            "img/portfolio-item-2.jpg"
        ]
    }
}

{
“第1项”：{
“id”：“1”，
“猫”：“网页设计”，
“描述”：“Calcus”品牌在线杂志设计”，
“图像”：[
“img/portfolio-item-1.jpg”，
“img/portfolio-item-2.jpg”
]
}
}

但它不会呈现任何数据。但是，如果我将{item}}放在HTML中，我可以看到它获取JSON文件

请帮助我理解我做错了什么。如果您能解释一下，并就学习AngularJS时应注意的问题提供一些直接的建议，我将不胜感激。

试试看

   <div ng-controller="PortfolioItemCtrl">
    <h1>{{item.item_1.cat}}</h1>
    <p>{{item.item_1.desc}}</p>
  </div>

{{item.item_1.cat}
{{item.item_1.desc}}

试试看

{{item.item_1.cat}
{{item.item_1.desc}}

看起来您的JSON数据是

{ 
    $scope.item = {
        "item_1": {
            "id":"1",
            "cat": "Web design",
            "desc": "Online magazine design for <em> \"Calcus\" <\/em> brand",
            "images": [
                "img/portfolio-item-1.jpg",
                "img/portfolio-item-2.jpg"
            ]
        }
    }
}

{
$scope.item={
“第1项”：{
“id”：“1”，
“猫”：“网页设计”，
“描述”：“Calcus”品牌在线杂志设计”，
“图像”：[
“img/portfolio-item-1.jpg”，
“img/portfolio-item-2.jpg”
]
}
}
}

---

因此，只需使用模板调用

{{item.item_1.cat}

，

{{item.cat}

，看起来JSON数据是

{ 
    $scope.item = {
        "item_1": {
            "id":"1",
            "cat": "Web design",
            "desc": "Online magazine design for <em> \"Calcus\" <\/em> brand",
            "images": [
                "img/portfolio-item-1.jpg",
                "img/portfolio-item-2.jpg"
            ]
        }
    }
}

{
$scope.item={
“第1项”：{
“id”：“1”，
“猫”：“网页设计”，
“描述”：“Calcus”品牌在线杂志设计”，
“图像”：[
“img/portfolio-item-1.jpg”，
“img/portfolio-item-2.jpg”
]
}
}
}

---

所以只要用你的模板调用

{{item.item_1.cat}}

就可以了，虽然我已经试过了，但很有趣。但事实的确如此。有趣的是我想我已经试过了。但是，是的，就是这样。是的，就是这样谢谢，情况就是这样。：）谢谢