[英]How to get data from external JSON with Ionic?
目前,我正在使用Ionic Framework开发应用程序。
我需要使用令牌和参数从外部JSON文件中获取数据(1表示高级,2表示基本)
该URL可以正确显示数据,但我不知道如何从“ pageCtrl”中获取数据。
但在应用程序中仅看到3个没有数据的块
我在controller.js上使用此代码
// Controller of docs.
appControllers.controller('docsCtrl', function ($scope, $mdBottomSheet, $mdToast, $mdDialog, $http) {
$http.get('https://www.domain.com/api/document?__token=[the_token_added_on_code]&__idPortal=1').
success(function(data, status, headers, config) {
$scope.docs = data;
}).
error(function(data, status, headers, config) {
// log error
});
}); // End of docs controller.
在HTML上:
<ion-view view-title="Documentos">
<!--dashboard section-->
<ion-content id="docs-content">
<div class="documentos padding">
<ion-list>
<ion-item ng-repeat="doc in docs" class="item-avatar">
<h2>{{doc.name}}</h2>
<p>{{doc.description}}</p>
<p>{{doc.created}}</p>
</ion-item>
</ion-list>
</div>
</ion-content><!--end dashboard section-->
</ion-view>
最后,URL返回此数据:
{"success":true,"return":{"totalItem":"33","totalPages":7,"pageSize":5,"itens":[{"id_document":"4760","name":"Teste","created":"02\/09\/2015 16:57:00","id_type":"108","type":"Documento Teste","description":"Documento"},{"id_document":"4722","name":"Ata de assembleia 08\/2015","created":"31\/08\/2015 17:32:55","id_type":"3","type":"Ata da assembl\u00e9ia","description":null},{"id_document":"4400","name":"Regimento","created":"04\/08\/2015 16:47:30","id_type":"108","type":"Documento Teste","description":"Regimento interno "},{"id_document":"4261","name":"ATA da AGE em 18\/09","created":"26\/07\/2015 22:22:39","id_type":"3","type":"Ata da assembl\u00e9ia","description":null},{"id_document":"2964","name":"Novo regimento playground","created":"05\/05\/2015 14:30:17","id_type":"91","type":"Regimento Interno","description":"Segue novo regimento playground"}]}}
预先感谢您的支持
如果你正确地返回你的数据,你必须得到ATTR项目itens
$scope.docs = data.itens;
因此,请记录您的数据console.log(data)
以找到对象中的属性并导航至它{status: true, return: { .. itens:[] }}
$scope.docs = data.return.itens
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.