繁体   English   中英

Ionic:完全相同的代码,不同的输出?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM