无法让 $http.get 在 Ionic 应用程序中工作
Can't get $http.get to work in Ionic app
我正在尝试构建我的第一个 Ionic 应用程序并使用 $http.get 和 JSON 来使用简单的列表填充。我有的是:
.controller('ReportTabCtrl', function($scope) {
$scope.items = [
{ id: 0 },
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },
{ id: 10 },
{ id: 11 },
{ id: 12 },
{ id: 13 },
{ id: 14 },
{ id: 15 },
{ id: 16 },
{ id: 17 },
{ id: 18 },
{ id: 19 },
{ id: 20 },
{ id: 21 },
{ id: 22 },
{ id: 23 },
{ id: 24 },
{ id: 25 },
{ id: 26 },
{ id: 27 },
{ id: 28 },
{ id: 29 },
{ id: 30 },
{ id: 31 },
{ id: 32 },
{ id: 33 },
{ id: 34 },
{ id: 35 },
{ id: 36 },
{ id: 37 },
{ id: 38 },
{ id: 39 },
{ id: 40 },
{ id: 41 },
{ id: 42 },
{ id: 43 },
{ id: 44 },
{ id: 45 },
{ id: 46 },
{ id: 47 },
{ id: 48 },
{ id: 49 },
{ id: 50 }
];
});
而且效果很好。该列表已按应有的方式填充。我想要的是将 $scope.items 的内容移动到外部文件(以便能够动态生成它)并使用 $http.get.
调用它
我已经试过了,但没有成功:
.controller('ReportTabCtrl', function($scope, $http) {
$http.get('items.json')
.success(function(data) {
$scope.items = data;
})
});
items.json文件的内容与$scope.items变量相同。
我做错了什么?
/卡尔
你需要在 items.json
的每个元素中将 "
双引号放在一边 id
属性 以使其有效 json
items.json
[
{ "id": 0 },
{ "id": 1 },
{ "id": 2 }
// and so on
//.
//.
]
我也会阅读之前的帖子 。
您可能会遇到一些问题。
我正在尝试构建我的第一个 Ionic 应用程序并使用 $http.get 和 JSON 来使用简单的列表填充。我有的是:
.controller('ReportTabCtrl', function($scope) {
$scope.items = [
{ id: 0 },
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },
{ id: 10 },
{ id: 11 },
{ id: 12 },
{ id: 13 },
{ id: 14 },
{ id: 15 },
{ id: 16 },
{ id: 17 },
{ id: 18 },
{ id: 19 },
{ id: 20 },
{ id: 21 },
{ id: 22 },
{ id: 23 },
{ id: 24 },
{ id: 25 },
{ id: 26 },
{ id: 27 },
{ id: 28 },
{ id: 29 },
{ id: 30 },
{ id: 31 },
{ id: 32 },
{ id: 33 },
{ id: 34 },
{ id: 35 },
{ id: 36 },
{ id: 37 },
{ id: 38 },
{ id: 39 },
{ id: 40 },
{ id: 41 },
{ id: 42 },
{ id: 43 },
{ id: 44 },
{ id: 45 },
{ id: 46 },
{ id: 47 },
{ id: 48 },
{ id: 49 },
{ id: 50 }
];
});
而且效果很好。该列表已按应有的方式填充。我想要的是将 $scope.items 的内容移动到外部文件(以便能够动态生成它)并使用 $http.get.
调用它我已经试过了,但没有成功:
.controller('ReportTabCtrl', function($scope, $http) {
$http.get('items.json')
.success(function(data) {
$scope.items = data;
})
});
items.json文件的内容与$scope.items变量相同。
我做错了什么?
/卡尔
你需要在 items.json
的每个元素中将 "
双引号放在一边 id
属性 以使其有效 json
items.json
[
{ "id": 0 },
{ "id": 1 },
{ "id": 2 }
// and so on
//.
//.
]
我也会阅读之前的帖子 。 您可能会遇到一些问题。