0

わかりました、私は以下を持っています:

            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 # has no method 'getRate' なぜ????? これらのネストされた関数とそこにある変数をサービスからモジュールに戻す方法..基本的に、関連する XML データを dom に追加しようとしています。しかし、その勝利！

よろしくクリス

4

1 に答える 1

1

サービスから返されるオブジェクトは公開されませんgetRate。2 回目のチェックでは、実際にはサービスから何も返されていないようです。

は、シングルトンのangular.serviceインスタンス化に使用されるコンストラクターを返す必要があります。

factorya を使用して、次のようなことを行うことをお勧めします。

.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;

});
于 2013-08-04T02:14:28.230 に答える