【问题标题】:I can't get json data with ng-repeat in my ionic app我无法在我的 ionic 应用程序中使用 ng-repeat 获取 json 数据
【发布时间】:2024-04-26 13:50:02
【问题描述】:

我是新手,请尽量一步一步解释。

我在我的 ionic 应用程序中遇到了一个小问题,我无法从链接中获取 json 数据。

我可以在日志控制台中看到 json 数据,但在 ng-repeat 中没有导入任何数据!

即:json 文件太长,但这里是示例:

https://quarkbackend.com/getfile/arbmarket/jsfile

在 app.js 中:

(function(){
var app = angular.module('nJson', ['ionic']);

app.controller('nCtrl', function($http, $scope){
$scope.health = [];

$http.get('https://quarkbackend.com/getfile/arbmarket/jsfile')
    .success(function(response){
        $scope.linux = data.linux;
        $scope.andro = data.android;
        $scope.applica = data.application;
        $scope.social = data.socials;

        //console.log(response);
    });

});


app.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova && window.cordova.plugins.Keyboard) {

      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }

    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
    });
 });
}());

在android.html中:

<body ng-app="nJson" ng-controller="nCtrl">
.....
<ion-content>
        <br />
        <div class="list card">

          <div class="item item-body">
     <a onClick="'{{n.nlink}}', '_blank', 'location=yes', 'toolbar=yes'" ng-repeat="n in andro">
      <h3>{{n.ntitle}}</h3>
      <img class="full-image" src="{{n.nimg}}">
      </a>
        <hr>
  </div>
</div>
</ion-content>

我的步骤:

ionic start myapp blank

ionic platform add android

ionic plugin add cordova-plugin-inappbrowser

ionic build android

ionic serve

我错过了什么吗?

我手动添加没有 ng-repeat 和 json 文件的帖子来理解我的观点。 这是截图:

ScreenShot

【问题讨论】:

    标签: ionic-framework angularjs-ng-repeat ng-repeat ionic-view


    【解决方案1】:

    您使用的是 response 参数而不是 data,数据未定义。

    $http.get('https://quarkbackend.com/getfile/arbmarket/jsfile')
    .success(function(response){
        $scope.linux = response.linux;
        $scope.andro = response.android;
        $scope.applica = response.application;
        $scope.social = response.socials;
    
        //console.log(response);
    });
    

    });

    就是这样。

    【讨论】:

      最近更新 更多