绝对类型：'export = _;' 是什么意思方法

Question

我正在尝试将 angular-material 与 ng-metadata 项目一起使用，但遇到了一些问题。

我使用DefinitelyTyped 作为角度材料，第一行是：

declare module 'angular-material' {
  var _: string;
  export = _;
}

在我的 main.ts 中，我尝试 import { ngMaterial } from 'angular-material';

然后bootstrap( AppComponent, [ 'ngMaterial' ] ); 但我得到的只是：

Error:(3, 10) TS2305: Module ''angular-material'' has no exported member 'ngMaterial'.

我不知道我做错了什么

Answer 1

当通过 ES6 或 TypeScript 使用时，Angular 模块遵循的一个常见模式是它们将使用它们的名称作为默认导出。例如，我的应用程序中的一个模块如下所示：

const session = angular.module("smSession", [])
    .service("session", SessionService)
    .component("smLogin", Login)
    .config(routes)
    .run(loginRedirect);

export default session.name;

这背后的原因是它使声明 Angular 模块依赖项的语法更简洁；例如：

import angular from "angular";
import ngAnimate from "angular-animate";
import ngMaterial from "angular-material";
import uiRouter from "angular-ui-router";

let module = angular.module("myApp", [ ngAnimate, ngMaterial, uiRouter ]);

如果他们改为导出整个模块，您必须这样做：

let module = angular.module("myApp", [ ngAnimate.name, ngMaterial.name, uiRouter.name ]);

这就是为什么angular-material 的主模块声明看起来确实如此的原因——它们只是表示您可以从包中导入的所有内容都是一个代表模块名称的字符串。其余类型定义为 ambient - 您可以在应用程序的任何位置使用 angular.material 命名空间，而无需进行导入。

编辑：澄清一下，这里是the file that gets imported when you import ngMaterial的实际来源：

// Should already be required, here for clarity
require('angular');

// Load Angular and dependent libs
require('angular-animate');
require('angular-aria');

// Now load Angular Material
require('./angular-material');

// Export namespace
module.exports = 'ngMaterial';

请注意，require('./angular-material') 不会返回任何内容——有效地导入只是运行在幕后设置 Angular 模块的文件（实际上与我的示例中的代码类型相同）。从模块中导出的唯一内容是名称。