在没有 new 运算符的情况下使用 $resource 的问题

Question

我正在尝试在我的应用中使用 Angular Promise API。我有点困惑。我在下面的代码中创建了一个工厂

factory('transport', function ($resource) {
    var baseUrl = "http://aw353/WebServer/odata/Payments";
    return $resource("", {},
        {
            'getAll': { method: "GET",params: {svcUrl:"@svcUrl"}, url: baseUrl + ":svcUrl" },
            'save': { method: "POST", params: {svcUrl:"@svcUrl"}, url: baseUrl+ "(:svcUrl)" },
            'update': { method: 'PUT', params: {svcUrl:"@svcUrl", key: "@key" }, url: baseUrl+ "(:svcUrl)" + "(:key)"},
            'query': { method: 'GET', params: {svcUrl:"@svcUrl", key: "@key" }, url: baseUrl +"(:svcUrl)" + "(:key)"},
            'remove': { method: 'DELETE',  params: {svcUrl:"@svcUrl", key: "@key" }, url: baseUrl + "(:svcUrl)" + "(:key)"}
        });
});

我在控制器中使用这个工厂，当我实现这样的功能时

var getData = function () {
    (transport()).$getAll({svcUrl:"//BasicSettings"})
        .then(function (data) {
            $scope.DataSource = data.value[0];
            console.log($scope.DataSource.SystemName);
        });
}();

它失败了，我收到错误 “无法读取未定义的属性 '$getAll'”
但是当我像这样使用'new'关键字时

var getData = function () {
    (new transport()).$getAll({svcUrl:"//BasicSettings"})
        .then(function (data) {
            $scope.DataSource = data.value[0];
            console.log($scope.DataSource.SystemName);
        });
}();

它有效。

我知道构造函数和普通函数的区别。但我不明白为什么 Promise API 只在第二种情况下有效。
谁能帮我理解它是如何工作的？

Answer 1

试试

transport.getAll(...).$promise.then(...)

改为。

我知道构造函数和普通函数的区别。 但我不明白为什么 Promise API 只在第二种情况下有效。

因为 API 就是这样设计的。你有实例方法和类方法。

要创建实例，您需要 new 运算符，然后您可以访问实例方法。

$resoure() 方法是一个扩展“$resource”的工厂，并返回一个具有类方法的构造函数，并且该构造函数的实例具有实例方法。

function Resource(value) {
    shallowClearAndCopy(value || {}, this);
}

forEach(actions, function (action, name) {
    var hasBody = /^(POST|PUT|PATCH)$/i.test(action.method);

    Resource[name] = function (a1, a2, a3, a4) {
        var params = {}, data, success, error;
(...)

在文档中简单点击查看源代码显示 class methods 是在 Resource 构造函数上创建的 ADHOC

https://github.com/angular/angular.js/blob/master/src/ngResource/resource.js#L492