升级 TypeScript 后，Angular 控制器注册现在无法编译

我们使用的是 TypeScript 2.2。升级到 2.4 后，我们现在可以在编译时得到：

错误 TS2345：“typeof TopMenuController”类型的参数不可分配给“Injectable”类型的参数。 类型“typeof TopMenuController”不可分配给类型“(string | (new (...args: any[]) => IController) | ((...args: any[]) => void | IController))[ ]'。 类型“typeof TopMenuController”中缺少属性“push”。

ts\controllers\TopMenuController.ts(2,18)：错误 TS2559：类型“TopMenuController”与类型“IController”没有共同的属性。

我不明白第一个错误，谷歌搜索它很困难。我只是请求有关第一个错误的帮助。 （由于我尝试解决第一个错误，我收到了第二个错误）。这是控制器：

export class TopMenuController implements angular.IController {
    static $inject = ["$templateCache", "Restangular"];

    constructor(
        private readonly $templateCache: angular.ITemplateCacheService,
        private readonly restangular: Restangular.IElement) {
    }
}
    

这就是它的注册方式。

angular.module("ngApp")
    .config(Configuration.TemplateCacheConfigurator)
    .controller("topMenuController", Controllers.TopMenuController)

如何修改我的控制器定义或其注册以便我们的代码再次编译？

（删除implements angular.IController位消除了第二个错误，但第一个错误仍然存​​在）

Edit:我发现this bug https://github.com/Microsoft/TypeScript/issues/16536

由于所有的属性IController是可选的，我相信您看到的错误是 TypeScript 2.4 中新检查“弱类型”的结果。查看此链接来自微软 https://blogs.msdn.microsoft.com/typescript/2017/06/12/announcing-typescript-2-4-rc/了解详情。另请检查这个相关的 Github 问题 https://github.com/ceolter/ag-grid/issues/1708.

微软的一些相关引用：

在 TypeScript 2.4 中，我们为我们所说的弱项添加了类似的检查 类型。任何仅包含可选属性的类型都被视为 弱类型，因为它对可以分配的内容几乎没有限制 到它。

...

在 TypeScript 2.4 中，将任何内容分配给弱类型现在都是错误的 当属性没有重叠时。

...

你可以将其视为 TypeScript “强化”弱者 这些类型的保证可以捕获本来会保持沉默的内容 错误。

由于这是一个重大更改，您可能需要了解 与严格对象字面量相同的解决方法 检查：

1. 如果属性确实存在，则声明它们。
2. 向弱类型添加索引签名（即 [propName: string]: {}）。
3. 使用类型断言（即 opts 作为选项）。

Edit:基于此信息，一个简单的解决方案是实现中定义的方法之一IController。例如，正如 @Amy 在评论中提到的，您可以定义一个空的$onInit控制器中的方法。

Edit:为了完整起见，以下是完整代码：

export class TopMenuController implements angular.IController {
  static $inject = ["$templateCache", "Restangular"];

  $onInit() { }

  constructor(
      private readonly $templateCache: angular.ITemplateCacheService,
      private readonly restangular: Restangular.IElement) {
  }
}