如何在angularjs中共享代码(角度js中代码可重用性的概念?

时间:2015-03-12 09:47:05

标签: angularjs

我是角度js的新手,我想分享并使某些代码可重复使用。我试图使用服务和工厂做到这一点。但我得到了错误。

'use strict';

angular.module('myApp.ctrls')
    .controller('Ctrl_HubStockOnHandMode', function($http, $scope, reportService) {

        $scope.HubStockOnHandModeGridOptions = {
            dataSource: {
                type: "jsonp",

                transport: {
                    read: function(e) {
                        reportService.WebAPI('abc/BIUMo', {
                            EnvironmentCode:'JMVH',                           
                            OrderBy: getOrderBy(e.data.sort)
                        }).then(function (d) {
                            $scope.data = d;
                            e.success(d.Data);
                            });
                    }
                },
                serverPaging: true,
                serverSorting: true
            },
            height:config.GridHeight,
            scrollable:true,
           sortable: {
                mode: "single",
                allowUnsort: true
            },
            filterable: {
                            extra: false,
                            operators: {
                                string: {
                                    startswith: "Starts with",
                                    eq: "Is equal to",
                                    neq: "Is not equal to",
                                    contains: "Contains"
                                }
                            }
                        },
            pageable: false,
            columns: [
                {
                    field: "RowNumber"
                    ,title: "No."
                    ,width: "50px"
                    ,sortable:false
                    ,filterable: false
                },
                {
                    field: 'ItemCTSH'
                    ,title:'Item'                  
                    ,template: "<div kendo-tooltip  title='#= ItemCT #' > #= ItemCTSH #  </div>"
                    ,filterable: {
                                    ui: itemFilter
                               }
                },

  ]
        };

        }

        //Get Item List
        $http.get('http://webapi.dashboard.hcmisonline.org/api/OID_WebApi/IssuedItemList')
            .success(function (data) {
                $scope.items = data.Data;
            });
        function itemFilter(element) {
            element.kendoAutoComplete({
                dataSource: $scope.items
            });
        } 


        }    



});

我想重用像Get项这样的函数。我有其他页面/网格使用这个代码,除了更改环境代码 我该如何解决这个问题? 感谢

0 个答案:

没有答案