Question

所以我的角度工厂有问题，我一直试图解决一段时间。我想我的角度知识在这里还不够。

我将在这里发布的大部分代码都是从我没有编写的解决方案的另一部分重用代码。所以这可能是我无法解决这个问题的原因。这也是我做过的第一家工厂。

(function () {
'use strict';

angular.module('app.coordinate-transformer-service', [])
    .factory('coordinateTransformerService', coordinateTransformerService);

coordinateTransformerService.$inject = ['proj4js', 'gmaps'];

function coordinateTransformerService(proj4js, gmaps, objectsEpsgCode) {

    var factory = {};

    factory.$get = ['proj4js', function coordinateTransformerFactory(proj4js) {
        return new coordinateTransformerService(proj4js, gmaps, objectsEpsgCode);
    }];

    var mapProjection = 'EPSG:4326', // WGS84 latlong
            objectsProjection = 'EPSG:' + objectsEpsgCode,
            transformCoordinatesToLatLng = function (point) {
                if (objectsProjection === mapProjection) {
                    return new gmaps.LatLng(point.y, point.x);
                }

                var newPoint = {
                    x: point.x,
                    y: point.y
                };
                proj4js.transform(new proj4js.Proj(objectsProjection), new proj4js.Proj(mapProjection), newPoint);
                return new gmaps.LatLng(newPoint.y, newPoint.x);
            };

    factory.transformLatLngToProject = function (latlng) {
        if (!factory.isFunction(latlng.lng) || !factory.isFunction(latlng.lat)) {
            throw new Error("No functions lat() or lng() exists on parameter latlng");
        }

        var newPoint = {
            x: latlng.lng(),
            y: latlng.lat()
        };

        proj4js.transform(new proj4js.Proj(mapProjection), new proj4js.Proj(objectsProjection), newPoint);
        newPoint = roundPointsToCorrectDecimals(newPoint);

        return newPoint;
    };

    factory.roundPointsToCorrectDecimals = function (point) {
        var noDecimals = objectsEpsgCode === 4326 ? 5 : 0;

        if (!point || !point.x || !point.y) {
            throw new Error("Point, x or y is null or not defined");
        }

        return {
            x: point.x.toFixed(noDecimals),
            y: point.y.toFixed(noDecimals)
        };
    };

    factory.isFunction = function (functionToCheck) {
        var getType = {};
        return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
    };

    return factory;
};

//coordinateTransformerService.prototype = {
//    constructor: coordinateTransformerService
//};
//return coordinateTransformerService;
})();

我收到错误“Provider'proj4js'必须从$ get factory方法返回一个值。” 说实话，我不知道工厂是什么。$ get功能我做了。这是我没写的代码的一部分。 Proj4js是一个将坐标从一个系统转换为另一个系统的库。因此，我们从服务器加载对象以在谷歌地图上显示它们，其中一些不使用纬度经度。这就是我们需要用proj4js转换它们的原因。如果该信息可以帮助任何人。

但我知道工厂方法需要返回一个对象。但我已经不这样做了吗？也许是那个工厂。$ get函数就是问题所在，正如我所说，我不知道它的目的......但删除它并没有帮助^^

另外，不要介意它叫做coodinateTransformerService而不是coordinateTransformerFactory。我首先使用了一个服务，只是在我开始工作之前不关心重命名。

编辑：这可能有所帮助。在angular.js中抛出错误：

function enforceReturnValue(name, factory) {
return function enforcedReturnValue() {
  var result = instanceInjector.invoke(factory, this, undefined, name);
  if (isUndefined(result)) {
    throw $injectorMinErr('undef', "Provider '{0}' must return a value from $get factory method.", name);
  }
  return result;
};
}

结果未定义。名字是proj4js，工厂是同事做的：

(function () {
'use strict';

angular.module('blocks.proj4js').factory('proj4js', proj4jsFactory);

proj4jsFactory.$inject = ['$window'];
function proj4jsFactory($window) {
    return $window.proj4js;
}
})();

Answer 1

我看到你混淆了服务和提供商。满足您需求的最简单方法是：

angular.module('app.coordinate-transformer-service', [])
    .service('coordinateTransformerService', CoordinateTransformerService);

CoordinateTransformerService.$inject = ['proj4js', 'gmaps', 'objectsEpsgCode'];

function CoordinateTransformerService(proj4js, gmaps, objectsEpsgCode) {

    var mapProjection = 'EPSG:4326', // WGS84 latlong
            objectsProjection = 'EPSG:' + objectsEpsgCode,
            transformCoordinatesToLatLng = function (point) {
                if (objectsProjection === mapProjection) {
                    return new gmaps.LatLng(point.y, point.x);
                }

                var newPoint = {
                    x: point.x,
                    y: point.y
                };
                proj4js.transform(new proj4js.Proj(objectsProjection), new proj4js.Proj(mapProjection), newPoint);
                return new gmaps.LatLng(newPoint.y, newPoint.x);
            };

    this.transformLatLngToProject = function (latlng) {
        if (!this.isFunction(latlng.lng) || !this.isFunction(latlng.lat)) {
            throw new Error("No functions lat() or lng() exists on parameter latlng");
        }

        var newPoint = {
            x: latlng.lng(),
            y: latlng.lat()
        };

        proj4js.transform(new proj4js.Proj(mapProjection), new proj4js.Proj(objectsProjection), newPoint);
        newPoint = roundPointsToCorrectDecimals(newPoint);

        return newPoint;
    };

    this.roundPointsToCorrectDecimals = function (point) {
        var noDecimals = objectsEpsgCode === 4326 ? 5 : 0;

        if (!point || !point.x || !point.y) {
            throw new Error("Point, x or y is null or not defined");
        }

        return {
            x: point.x.toFixed(noDecimals),
            y: point.y.toFixed(noDecimals)
        };
    };

    this.isFunction = function (functionToCheck) {
        var getType = {};
        return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
    };
};

Angular提供者必须从$ get factory方法

1 个答案: