Angular 2 Typescript：如何导出外部JS变量

Question

我有一个配置JS文件，其中有一些配置变量。 例如：

var config = {url:"xyz.com"};

我希望通过我的应用程序访问此配置参数。

由于出口是我尝试出口的正确方法     export var appConfig = config

但是它的错误说明无法获取未定义的属性URL。

Answer 1

1. 首先，您必须在tsconfig.json编译器选项中将allowJs设为true：

{   “compilerOptions”：{     “allowJs”：是的，

1. 然后，

在app文件夹中创建一个javascript文件。您可以在任何文件夹或任何组件中创建javascript文件。例如app / javascriptTest.js

1. 例如，在app / javascriptTest.js中，您要导出变量A，在您输入的空白​​app / javascriptTest.js文件中输入：

export var A = 2;

1. 您转到要将变量A导入的打字稿文件，例如在app / componentName / header.ts中 你在顶部导入：

从“../javascriptTest.js”

导入{A}
1. 最后在app / componentName / header.ts typescript文件中，您可以按原样使用A变量。

让x =“你好”+ A;

我希望能回答你的问题。

Answer 2

您可以使用Angulars DI使用字符串键（或OpaqueToken）提供，并通过@Inject('keyName')提出请求：

var config = {url:"xyz.com"};

bootstrap(AppComponent, [provide('myConfig', {useValue: config})]);

export class SomeComponent { // or SomeService
  constructor(@Inject('myConfig') private config) {}
}

Answer 3

  

我希望通过我的应用程序访问此配置参数。

只需导出config.ts：

export const config = {url:"xyz.com"};

然后根据需要导入：

import {config} from "./path/to/config";

是的。最后没有.ts。