Question

我需要读取角度为1.6的JSON格式文件，所以我执行以下操作

在Html中

    <div ng-model="JsonRendering" ng-controller="NewsRendering">
        <div ng-repeat="NewsData in News">
            <h3>{{NewsData.Title}}</h3>
        </div>
    </div>

脚本

angular
    .module( "JsonRendering", [])
    .controller("NewsRendering", [ "$scope", "$http", function ($scope, $http) {
        $http({
            method: 'GET',
            url: 'News/News.json'
        }).then(function success(data) {
            $scope.News = data;
        });
    }]);

在JSON中

{
  "articles": [

    {
      "Title": "Article 1",

      "Abstract": "Article 1 abstract starts here ...",

      "Body": "Article 1 body starts here....."
    }
  ]
}

我试图只渲染标题，但它不起作用。它显示在网页{{NewsData.Title}}上。

注意： json文件是文件夹中的本地JSON文件。所以json文件的路径是＆＃34; Root / News / News.json那么我应该怎么做才能解决这个问题

Answer 1

将其更改为，您应使用 data.data

.controller("NewsRendering", [ "$scope", "$http", function ($scope, $http) {
        $http({
            method: 'GET',
            url: 'News/News.json'
        }).then(function success(data) {
            $scope.News = data.data;
        });
    }]);

你的ng-repeat应该是，

 <div ng-repeat="NewsData in News.articles">
            <h3>{{NewsData.Title}}</h3>
 </div>

<强> DEMO

如何在Angularjs 1.0中读取JSON文件？

1 个答案: