Angular JS Module

浏览数：53 / 时间：2015年06月09日

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

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： des class style src html 使用 数据 log js des class style src html 使用 数据 log js

相关文章

随机文章

您可能还喜欢

您可能还喜欢