AngularJS - APIからデータを表示

Question

私はAngularJSでかなり新しく、APIコールからデータを表示する際に問題があります。

タイトルを表示したいが、ある時点で固まってしまった。誰かが私にそれをループするのを手伝ってもらえますか？ここで

は、ここに私のindex.html

controller.js

var app = angular.module('myApp', []); 
app.controller('appController', function($scope) { 
    //console.log("test"); 
     var url = "https://api.nytimes.com/svc/topstories/v2/home.json"; 
     url += '?' + $.param({ 
      'api-key': "853fc084776f46e29732e71b3f1269ae" 
     }); 
     $.ajax({ 
      url: url, 
      method: 'GET', 
     }).done(function(result) { 
      console.log(result); 
      $scope.results = result; 
     }).fail(function(err) { 
      throw err; 
     }); 
}); 

であるあなたが提供する私のjson

Answer 1

あなたは、角度が結果変数は文句を言わない、それが印刷されますコンソールでHTMLにあなたのために利用できるように、あなたはjqueryのAJAXを使用している独自のHTTPサービスを持っている場合、角の内側にjQueryを使用している最初のものに直面していた二つの問題がありましたしかし、あなたはhtmlでアクセスすることはできませんので、私たちは以下のように書く必要があります。以下のコード

<div ng-app="myApp" ng-controller="appController"> 
    <ul> 
    <li ng-repeat="x in results"> 
    {{x.title}} 
    <li> 
    </ul> 
</div> 

ワーキングcodepen link

Answer 2

JSONは、順番に持つオブジェクトの配列を持つオブジェクトの配列ですタイトル。
JSONレスポンスのすべてのタイトルを表示するには、次のような入れ子配列が必要です。

<div ng-repeat="result in results"> 
    <div ng-repeat="child in result.results"> 
    {{child.title}} 
    </div> 
</div>