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>

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();

}

巴特西

AngularJS Factory Service Provider

最新文章

热门文章