码迷,mamicode.com
首页 > Web开发 > 详细

Angular JS Module

时间:2014-09-17 00:54:41      阅读:342      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   color   io   使用   ar   数据   div   

使用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();
}

 

Angular JS Module

标签:des   style   blog   color   io   使用   ar   数据   div   

原文地址:http://www.cnblogs.com/cart55free99/p/3976098.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!