角度 2:将导出从设置导入.js到组件文件中

Question

在我的 Angular 2 应用程序中，我有一个包含各种导出的settings.js文件，我想在整个应用程序中使用它们：

exports.httpPort = 9000;
exports.httpsPort = 1435;
exports.segmentID = 1;

我想将其中一些导出到我的 ts 组件文件query.component.ts中，但我不知道这样做的正确语法是什么。

我看到许多.js文件都有类似的东西

var settings = require('../../settings'); 

它抓取设置文件，然后

settings.dbConfig

它调用导出，但它不适用于我的组件文件。

这是我的项目文件结构：

组件.ts -project/web/src/app/component.ts
- 我想从设置.js导入导出的位置。

设置.js -project/server/settings.js
-我要导出的文件。

Answer 1

首先，您需要在tsconfig.json文件中设置allowJs标志以允许js模块导入。

// tsconfig.json
{
"compilerOptions": {
"allowJs": true
}
}    

然后，您可以在组件中导入设置.js模块

// component.ts
import * as Settings from '../../../server/settings.js';

现在，您可以在组件中使用"设置"Settings.httpPort