Угловой js. Разбор json

Я пытаюсь разобрать этот кусок json без хорошего результата. Ниже показано, как выглядит мой json. Я хочу иметь возможность сделать ng-repeat на всех атрибутах, чтобы я мог отрисовывать, например, «содержимое» и «заголовок» внутри div.

формат JSON:

{
    "Hits": [{
            "Content": "Lorem ipsum",
            "Id": "Lorem ipsum",
            "IllustratingImage120Url": "Lorem ipsum",
            "SearchPublishDate": "Lorem ipsum",
            "SearchUpdateDate": "Lorem ipsum",
            "Section": "Lorem ipsum",
            "Title": "Lorem ipsum",
            "Url": "Lorem ipsum"
        }, {
            "Content": "Lorem ipsum",
            "Id": "Lorem ipsum",
            "IllustratingImage120Url": "Lorem ipsum",
            "SearchPublishDate": "Lorem ipsum",
            "SearchUpdateDate": "Lorem ipsum",
            "Section": "Lorem ipsum",
            "Title": "Lorem ipsum",
            "Url": "Lorem ipsum"
        }
    }]
}

Поэтому я загружаю json с сервисом и устанавливаю его на:

$scope.result = result.data;

Which returns the josn, no problem. Но я хочу сделать ng-повтор по его атрибутам. Но весь json получает визуализацию. Я только хочу отобразить атрибут «Content».

HTML:

<ul>
    <li ng-repeat="Content in result">{{ Content }}</li>
</ul>

4 ответа

  1. попробовать это

    <ul>
      <li ng-repeat="(key,value) in result.Hits">{{ value.Content }}</li>
    </ul>
    

    var app = angular.module("app",  []);
    
    app.controller('mainCtrl', function($scope){
      $scope.result = {
    "Hits": [
    {
      "Content": "Lorem ipsum",
      "Id": "Lorem ipsum",
      "IllustratingImage120Url": "Lorem ipsum",
      "SearchPublishDate": "Lorem ipsum",      
      "SearchUpdateDate": "Lorem ipsum",
      "Section": "Lorem ipsum",
      "Title": "Lorem ipsum",
      "Url": "Lorem ipsum"
    },
    {
      "Content": "Lorem ipsum",
      "Id": "Lorem ipsum",
      "IllustratingImage120Url": "Lorem ipsum",
      "SearchPublishDate": "Lorem ipsum",      
      "SearchUpdateDate": "Lorem ipsum",
      "Section": "Lorem ipsum",
      "Title": "Lorem ipsum",
      "Url": "Lorem ipsum"
    }
      ]
    };
      });
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <div ng-app="app" ng-controller="mainCtrl">
         <ul>
      <li ng-repeat="(key,value) in result.Hits">{{ value.Content }}</li>
    </ul>
    </div>

  2. Я думаю, что проблема в том, что у вас есть массив, содержащийся в объекте JSON.

    Пожалуйста, попробуйте

    <ul>
        <li ng-repeat="Content in result.Hits">{{ Content.Content }}</li>
    </ul>