先看看http://www.cnblogs.com/mbydzyr/p/3460501.html
http://www.oschina.net/translate/angularjs-factory-vs-service-vs-provider
使用factory创建服务
<!doctype html>
<html ng-app='ShoppingModule'> <head>
<meta charset="UTF-8">
<script src="angular.js"></script>
<script src="controller2.js"></script>
</head> <body ng-controller="ShoppingController">
<h1>Shop!</h1>
<table>
<tr ng-repeat='item in items'>
<td>{{item.title}}</td>
<td>{{item.description}}</td>
<td>{{item.price | currency}}</td>
</tr>
</table>
</div> </html>
JS
var shoppingModule = angular.module('ShoppingModule', []);
shoppingModule.factory('Items', function() {
var items = {};
items.query = function() {
// 在真实的应用中,我们会从服务端拉取这块数据 ...
console.log('service');
return [
{
title: 'Paint pots',
description: 'Pots full of paint',
price: 3.95
}, {
title: 'Polka dots',
description: 'Dots with polka',
price: 2.95
}, {
title: 'Pebbles',
description: 'Just little rocks',
price: 6.95
}
];
};
return items;
});
function ShoppingController($scope, Items) {
//console.log(Items.query());
$scope.items = Items.query();
}