Organizing Dependencies with Modules

工廠模式(Factory)

factory(name,[]

, Function() )

<body ng-app="myShoppingList">
         <div>
            <table ng-controller="itemsController">
                <tr ng-repeat="item in items" >
                    <td>{{item.title}}</td>
                    <td>{{item.description}}</td>
                    <td>{{item.price | currency}}</td>
                </tr>
            </table>
         </div>
    </body>
    <script>
        var myApp = angular.module('myShoppingList',[]);
         myApp.factory('Items', function(){
             var items = {};
             items.query = function(){
                return [
                    {title:"apple", descript:"5 start", price:500},
                    {title:"apple", descript:"3 star", price:200},
                    {title:"apple", descript:"2 star", price:100}
                ];
             };
             return items ;

         });
         myApp.controller("itemsController", function($scope, Items){
             $scope.items = Items.query() ;
         })


    </script>

apple $500.00
apple $200.00
apple $100.00

Service
service 常被用來組織或是封裝成一個服務，它有幾個特點:
(1) 服務寫成的物件只會一個實例

例子: 我們寫一個baseService當為基本利率換算來轉換水果的價格需要乘上10倍

<body ng-app="myapp">
         <div>
            <table ng-controller="rateController">
                <tr ng-repeat="item in items" >
                    <td>{{item.name}}</td>
                    <td>{{item.price | currency}}</td>
                </tr>
            </table>
         </div>
    </body>
    <script>

        //基本利率換算
       var m = angular.module("baseService",[]) ;
        m.service("serviceSample",function(){
            this.rate= function(price){
                return price* 10;
            }
        });

        //轉換水果的價格
        var myapp = angular.module("myapp",["baseService"]);
         myapp.controller('rateController',function($scope, serviceSample){

            items = [
                     {name:"apple" , price:serviceSample.rate(20) },
                     {name:"banana", price:serviceSample.rate(30) }
                    ]

                return $scope.items = items    ;

            }) ;

    </script>

apple $200.00
banana $300.00

provide

無聊看看

搜尋此網誌

Organizing Dependencies with Modules

留言

張貼留言

這個網誌中的熱門文章

JavaBean 和POJO

Python AI-手寫辨識

Python AI-問題集