如何在 AngularJS 中修改 $http 的接口？

Question

在我的应用程序调用中，我的代码如下所示：

            $http({
                url: '/abc'
                method: "PUT",
                ignoreLoadingBar: true
            })

这是一个正常的 $http 调用，但由于我使用的是 angular-loading-bar，所以添加了一个附加参数。

Typescript 将此标记为如下错误：

Severity    Code    Description Project File    Line
Error   TS2345  Argument of type '{ url: string; method: string; ignoreLoadingBar: boolean; }' is not assignable to parameter of type 'IRequestConfig'.
  Object literal may only specify known properties, and 'ignoreLoadingBar' does not exist in type 'IRequestConfig'.

我明白为什么它会显示错误，但我想做的是允许这个附加参数。我想做这样的事情：

interface IRequestConfigPlus extends ng.IRequestConfig {
  ignoreLoadingbar: boolean
}

有人能告诉我有没有办法让 $http 不会出现打字错误？如果可能的话，我想在不进入并修改 AngularJS 代码中的 IResponseConfig 接口的情况下解决这个问题。

更新：

Basarat 提出了一个很好的建议，但我仍然不确定如何使用该界面，这是我的问题的一部分。那么问题是如何在这里使用 IRequestConfigPlus？

Answer 1

这个最小的例子对我有用：

///<reference path="typings/angularjs/angular.d.ts" />

let $http:ng.IHttpService = null;

declare module angular
{
    interface IRequestConfig {
        ignoreLoadingBar: boolean;
    }
}

$http({
    url: '/abc',
    method: "PUT",
    ignoreLoadingBar: true
});

Answer 2

有人能告诉我有没有办法让 $http 不会出现打字错误？

这是因为对象新鲜度：https://basarat.gitbooks.io/typescript/content/docs/types/freshness.html

快速解决方法：(use an assertion)

        $http({
            url: '/abc'
            method: "PUT",
            ignoreLoadingBar: true
        } as ng.IRequestConfig)

更好的修复

为 angular-loading-bar 创建一个.d.ts 文件，为angular.IRequestConfig 接口添加其他属性。注：TypeScript interfaces are open ended