[英]Ionic: Exactly the same code, different output?
您好Stackoverflow成员,
我在这里设置了一个代码笔: 链接完美地工作。 但是,当我尝试将其实现到Ionic应用程序中时,即使代码几乎完全相同,它也无法接收JSON数据,而且我无法理解为什么它不起作用。
<body ng-controller="Controller">
<ion-view view-title="Announcements">
<ion-content class="padding">
<ion-refresher
pulling-text="Pull to refresh..."
on-refresh="doRefresh()">
</ion-refresher>
<ion-list>
<ion-item ng-repeat="data in data">
<div class="list card">
<div class="item item-divider">{{data.announcement_name}} - {{data.date}}</div>
<div class="item item-body">
<div>
{{data.message}}
</div>
</div>
</div>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
</body>
这是控制器:
angular.module('ionicApp', ['ionic'])
.controller('Controller', ['$http', '$scope', function ($http, $scope) {
$scope.data = [];
$scope.doRefresh = function () {
$http.get('https://api.myjson.com/bins/3z1eg')
.success(function (data) {
$scope.data = data;
})
.finally(function () {
$scope.$broadcast('scroll.refreshComplete');
});
};
}]);
运行代码时,控制台日志中没有出现任何错误(这很烦人),所以我不知道问题出在哪里。 任何帮助都是很棒的。 谢谢。
您可能需要将要访问的地址列入白名单。 此插件可让您将地址列入白名单。 对于全面解决方案,可以将以下内容添加到config.xml中:
<allow-intent href="*" />
但是请注意,不建议这样做。 请参阅文档,以了解如何允许更多特定的URL /协议。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.