AngularJS Factory Service Provider

 先看看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();
}

 

posted @ 2014-09-16 23:38  cart55free99  阅读(301)  评论(0编辑  收藏  举报