我无法在我的离子应用程序中使用 ng-repeat 获取 json 数据
I can't get json data with ng-repeat in my ionic app
我是新手所以请尽可能一步步解释。
我的 ionic 应用程序遇到了一个小问题,我无法从 link 中获取 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
您正在使用 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);
});
});
就是这样。
我是新手所以请尽可能一步步解释。
我的 ionic 应用程序遇到了一个小问题,我无法从 link 中获取 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
您正在使用 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);
});
});
就是这样。