Question

您好Stackoverflow成员，

我在这里设置了一个codepen：Link 哪个效果很好。但是，当我尝试将其实现到我的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');
                });
        };
    }]);

当我运行代码时，我没有在控制台日志中出现任何错误（这很烦人）所以我不知道问题是什么。任何帮助都会很棒。谢谢。

Answer 1

您可能需要将您尝试访问的地址列入白名单。 This plugin允许您列出地址列表。对于catch-all解决方案，您可以将以下内容添加到config.xml中：

<allow-intent href="*" />

但请注意，不建议这样做。请参阅文档以了解如何允许更具体的URL /协议。

离子：完全相同的代码，不同的输出？

1 个答案: