嵌套函数变量AngularJS?

时间:2013-08-04 01:53:21

标签: angularjs angularjs-directive angularjs-scope

好的,我有以下内容:

            function getRate(source, $scope, e) {
                var dateValue = $("Date", source).text() || "";
                if (!dateValue) {
                    return null;
                }
                var  dailyPrice = $("DailyPrice", source).text() || "";
                var weeklyPrice = $("WeeklyPrice", source).text() || "";
                var monthlyPrice = $("MonthlyPrice", source).text() || "";
                var isAvailable = $("IsAvailable", source).text() === "1";
                var minimumStay = Number($("MinimumStay", source).text());
                console.log(dailyPrice, weeklyPrice, monthlyPrice, isAvailable, minimumStay, dateValue); 

                if (isNaN(minimumStay)) {
                    minimumStay = DEFAULT_MINIMUM_STAY;
                }

                return {
                    date: new Date(dateValue),
                    dailyPrice: dailyPrice,
                    weeklyPrice: weeklyPrice,
                    monthlyPrice: monthlyPrice,
                    reserved: !isAvailable,
                    minimumStay: minimumStay
                };

            }

声明在如下函数内声明:

  function bookingmainfunction() {

        //***************************************
        //  Constants
        //***************************************
        var MILLISECONDS_PER_DAY = 86400000;
        var DEFAULT_MINIMUM_STAY = 1;

        //***************************************
        //  Variables
        //***************************************
        var rangeMinDate = null;
        var rangeMaxDate = null;

        var checkInDate = null;
        var checkOutDate = null;
        var rates = {};

        var cache = {
            checkOutRanges: {},
            checkInAvailability: {}
        };


        //***************************************
        //  Parsing
        //***************************************

        function parseXml(xml) {
            rates = getRates(xml);
        }

        function getRates(xml) {
            var result = {};
            var rate;
            $("AvailabilityRates DateData", xml).each(function() {
                rate = getRate($(this));
                if (!rate || !angular.isDate(rate.date)) {
                    return;
                }

                result[dateToHashKey(rate.date)] = rate;
                updateDateRangeBoundaries(rate.date);
            });

            return result;
        }

        function getRate(source, $scope, e) {
            var dateValue = $("Date", source).text() || "";
            if (!dateValue) {
                return null;
            }
            var  dailyPrice = $("DailyPrice", source).text() || "";
            var weeklyPrice = $("WeeklyPrice", source).text() || "";
            var monthlyPrice = $("MonthlyPrice", source).text() || "";
            var isAvailable = $("IsAvailable", source).text() === "1";
            var minimumStay = Number($("MinimumStay", source).text());
            console.log(dailyPrice, weeklyPrice, monthlyPrice, isAvailable, minimumStay, dateValue); 

            if (isNaN(minimumStay)) {
                minimumStay = DEFAULT_MINIMUM_STAY;
            }

            return {
                date: new Date(dateValue),
                dailyPrice: dailyPrice,
                weeklyPrice: weeklyPrice,
                monthlyPrice: monthlyPrice,
                reserved: !isAvailable,
                minimumStay: minimumStay
            };

        }

}

中声明了转弯
.service("Booking", [/*ABOVE STATED FUNCTION GOES HERE*/])

然后将其连接到以下angularJS模块,如下所示:

  angular.module("app", ["dateSheet"])
.service("Booking", [
/*ABOVE STATED FUNCTION GOES HERE*/
])
.controller("AppCtrl", [
            "$scope",
            "$attrs",
            "AppDataLoader",
            "Booking",
            function(scope, attributes, AppDataLoader, Booking) {
            var VIEW_STATE_LOADING = "loading";
            var VIEW_STATE_ERROR = "error";
            var VIEW_STATE_READY = "ready";
            var VIEW_SUB_STATE_RATES = "rates";
            var VIEW_SUB_STATE_MONTHS = "months";
            alert("Booking");
            scope.year = 2013;
            scope.month = 7;
            scope.months = months[date.getMonth()];
            scope.monthdisplay = 3;
            scope.currntday = date.getDate();

}]);

现在当我尝试添加scope.returnbookingdate = Booking.getRate(); 时 进入我的模块就像这样:

                scope.monthdisplay = 3;
                scope.currntday = date.getDate();
                scope.returnbookingdate = Booking.getRate();
    }]);

它返回TypeError:Object#没有方法'getRate' 为什么????? 我如何获得那些嵌套函数和变量退出服务并进入模块.. 基本上我正试图将相关的XML数据附加到dom。但它的胜利!

亲切的问候 克里斯

1 个答案:

答案 0 :(得分:1)

您从服务中返回的对象不会公开getRate。在第二次检查时,您似乎没有从您的服务中返回任何内容。

angular.service应该返回一个构造函数,用于实例化单例。

我建议您使用factory并执行以下操作:

.factory('Booking', function() {

  var Booking = function() {
    //constructor
  };

  Booking.getRate = function() {
  // ...
  };

  //or if you intended it to be an instance method:
  Booking.prototype.getRate = function() {
  // ...
  };

  //add other public methods here

  //you can add private methods too

  // ...

  return Booking;

});