從文件中提取數據
[英]pull data from a file
問題描述
請幫助從文件Fruits.json中提取數據
的HTML：
<body ng-app="fruitsApp">
<div ng-controller="fruitsController">
<ul>
<li ng-repeat="fruit in fruits">{{fruit.name}}</li>
</ul>
</div>
</body>
js：
var fruitsApp = angular.module('fruitsApp', [])
fruitsApp.factory('fruitsFactory', function($http) {
return {
$http.get('fruits.json').success(callback);
}
};
});
fruitsApp.controller('fruitsController', function($scope, fruitsFactory) {
fruitsFactory.getFruitsAsync(function(results) {
$scope.fruits = results.fruits;
});
});
Fruits.json：
[
{
"id": 1,
"name": "qwerty",
"date": "12.11.2012",
"teaser": "1Вас научат пользоваться им, дадут советы по эксплуатации и покажут возможности того, что Вы приобрели.",
"body": "Вас научат пользоваться им, дадут советы по эксплуатации и покажут возможносто"
}]
2 個解決方案
解決方案1
2 已采納 2013-09-13 10:22:24
您的工廠聲明中有1個錯誤。 沒有方法getFruitsAsync （您嘗試在控制器中使用）。 在return {}內部聲明為property = function。
2錯誤：您沒有響應字段'fruits'，您的響應為數組，因此$scope.fruits = results.fruits; 應該是$scope.fruits = results;
解決方案2
1 2013-09-13 10:33:06
您的代碼應該是這樣的（未經測試）：
var fruitsApp = angular.module('fruitsApp', [])
fruitsApp.factory('fruitsFactory', function($http) {
return {
getFruitsAsync: function(callback) {
$http.get('fruits.json').success(callback);
}
}
};
});
fruitsApp.controller('fruitsController', function($scope, fruitsFactory) {
fruitsFactory.getFruitsAsync(function(results) {
$scope.fruits = results;
});
});
從xml文件中提取數據？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.