AngularJS - как отображать значения API в интерфейсе

Question

(function(angular, undefined) { 
    'use strict'; 
    angular 
     .module('erste.cafe-erstecb', ['angular-nicescroll', 'truncate']) 
     .factory('CafeErstecb', function($resource, urls) { 
      return $resource(urls.articlesApi, { 
       size: '10', 
       lang: 'cs', 
       tags: 'Inovace' 
      }, { 
       query: { 
        isArray: false 
       } 
      }); 
     }) 
     .directive('gridCafeErstecb', function(flash, CafeErstecb) { 
      return { 
       restrict: 'E', 
       replace: true, 
       link: function(scope) { 
        CafeErstecb.query(function(response) { 
         console.log(response); 
         //$scope.result = response; 
        }); 
       }, 
       templateUrl: 'app/cafe-erstecb/grid-cafe-erstecb.tpl.html' 
      }; 
     }); 
})(window.angular); 

У меня возникли проблемы с отображением моих значений из API на интерфейсе. Я использую фабрику. Полный API:
http://www.erstecorporatebanking.cz/api/v1/content/?size=20&lang=cs&tags=Inovace

Answer 1

Это дикая догадка, но вы при любом изменении пытается загрузить содержимое через страницу, которая работает на HTTPS?

Я попытался запустить свой код в jsfiddle.net (см https://jsfiddle.net/masa671/5vesyewz/), и это дает следующее сообщение об ошибке:

Mixed Content: The page at ' https://fiddle.jshell.net/_display/ ' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ' http://www.erstecorporatebanking.cz/api/v1/content?lang=cs&size=10&tags=Inovace '. This request has been blocked; the content must be served over HTTPS.

И: другая проблема заключается в том, что вам не хватает ngResource.

UPDATE:

Вот еще один пример ng-repeat над результатами: http://jsfiddle.net/masa671/bvcr949r/

Обратите внимание, что records является объект вместо массива, поэтому он должен быть переведен на массив первого:

scope.records = $.map(scope.result.records, 
    function(value, index) { 
     return [value]; 
    }); 

Answer 2

нормально, так что теперь я вижу JSON структуру API:

{ 
"pageNumber": 1, 
"pageCount": 5, 
"pageSize": 10, 
"records": { 
"0": { 
"id": "ECB_ARTICLE_14461", 
"url": "http://www.erstecorporatebanking.cz/aktuality/cr-a-eu-co-chybi-ceske-republice-aby-byla-konkurenceschopnejsi", 
"creation_date": "2015-12-18 16:30:37", 
"publish_date": "2015-12-18 16:30:00", 
"title": "ČR a EU: Co chybí České republice, aby byla konkurenceschopnější?", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_14461" 
}, 
"1": { 
"id": "ECB_ARTICLE_13307", 
"url": "http://www.erstecorporatebanking.cz/aktuality/jan-jedlicka-prorazme-skleneny-strop-vysokoprijmovych-ekonomik", 
"creation_date": "2015-11-09 16:00:10", 
"publish_date": "2015-11-06 07:00:00", 
"title": "Jan Jedlička: Proražme \"skleněný strop\" vysokopříjmových ekonomik", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_13307" 
}, 
"2": { 
"id": "ECB_ARTICLE_13154", 
"url": "http://www.erstecorporatebanking.cz/aktuality/sledovali-jsme-zive-inovace-a-byznys-aneb-jak-ma-vypadat-ceska-skola-21-stoleti", 
"creation_date": "2015-11-04 11:30:08", 
"publish_date": "2015-11-04 11:30:00", 
"title": "SLEDOVALI JSME ŽIVĚ: Inovace a byznys aneb Jak má vypadat česká škola 21. století?", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_13154" 
}, 
"3": { 
"id": "ECB_ARTICLE_12851", 
"url": "http://www.erstecorporatebanking.cz/aktuality/sledovali-jsme-zive-nejvetsi-inovatori-v-ceskem-financnim-sektoru", 
"creation_date": "2015-10-22 10:00:07", 
"publish_date": "2015-10-22 15:30:00", 
"title": "SLEDOVALI JSME ŽIVĚ: Největší inovátoři v českém finančním sektoru", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_12851" 
}, 
"4": { 
"id": "ECB_ARTICLE_12805", 
"url": "http://www.erstecorporatebanking.cz/aktuality/sobotka-barierou-rustu-hdp-by-mohl-byt-nedostatek-pracovni-sily", 
"creation_date": "2015-10-20 12:30:07", 
"publish_date": "2015-10-20 11:50:17", 
"title": "Sobotka: Bariérou růstu HDP by mohl být nedostatek pracovní síly", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_12805" 
}, 
"5": { 
"id": "ECB_ARTICLE_12239", 
"url": "http://www.erstecorporatebanking.cz/aktuality/budoucnost-podnikani-a-jak-ji-prezit", 
"creation_date": "2015-09-25 07:00:06", 
"publish_date": "2015-09-25 07:00:00", 
"title": "Budoucnost podnikání a jak ji přežít", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_12239" 
}, 
"6": { 
"id": "ECB_ARTICLE_12034", 
"url": "http://www.erstecorporatebanking.cz/aktuality/david-marek-deloitte-toto-je-jeden-z-duvodu-proc-ceska-ekonomika-zaostava-za-globalnimi-li", 
"creation_date": "2015-09-16 00:30:05", 
"publish_date": "2015-09-15 07:00:00", 
"title": "David Marek (Deloitte): Toto je jeden z důvodů, proč česká ekonomika zaostává za globálními lídry", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_12034" 
}, 
"7": { 
"id": "ECB_ARTICLE_9448", 
"url": "http://www.erstecorporatebanking.cz/aktuality/nejsilnejsi-laser-na-svete-jako-blyskani-na-lepsi-casy-pro-celou-ceskou-ekonomiku", 
"creation_date": "2015-06-05 07:00:05", 
"publish_date": "2015-06-05 07:00:00", 
"title": "Nejsilnější laser na světě jako blýskání na lepší časy pro celou českou ekonomiku?", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_9448" 
}, 
"8": { 
"id": "ECB_ARTICLE_5939", 
"url": "http://www.erstecorporatebanking.cz/aktuality/antonin-rusek-susquehanna-university-evropa-potrebuje-kapitalovou-unii-bez-ni-v-inovacich-", 
"creation_date": "2015-01-15 08:00:07", 
"publish_date": "2015-01-15 08:00:00", 
"title": "Antonín Rusek (Susquehanna University): Evropa potřebuje kapitálovou unii, bez ní v inovacích USA dožene jen těžko", 
"type": "article", 
"language": "cs", 
"category_token": "token_investment", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_5939" 
}, 
"9": { 
"id": "ECB_ARTICLE_5392", 
"url": "http://www.erstecorporatebanking.cz/analyzy-a-komentare/inovace-v-evrope-jak-ktera-zeme-uspeje-ve-svetove-hospodarske-soutezi", 
"creation_date": "2014-12-22 16:30:08", 
"publish_date": "2014-12-22 16:30:00", 
"title": "Inovace v Evropě: Jak která země uspěje ve světové hospodářské soutěži?", 
"type": "article", 
"language": "cs", 
"category_token": "token_analysis", 
"api_url": "http://www.erstecorporatebanking.cz/api/v1/content/ECB_ARTICLE_5392" 
} 
}, 
"total": 13, 
"result": "success", 
"api-url": "api/v1/content", 
"nextPage": 5, 
"status": "ok", 
"messages": [] 
} 

как отображать, например, все заголовки? записи [0] .title записи [1] .title ... записи [9] .title

через нг повторить?