angular2(typescript)从另一个文件导出变量

时间:2016-06-06 05:03:01

标签: javascript typescript angular

在Nodejs中,我有一个名为variables.js的页面,如下所示:

exports.var1= 'a';
exports.var2= 'b';

此文件将我在我的应用程序中使用的变量保存在一个地方。

然后在另一个页面内我使用:

来调用此页面
var variables= require('./variables');

现在我可以像这样使用它来访问变量sin那个页面,例如:

alert(variables.var1);

我想在angular2(typescript)中做同样的事情。我试图玩出口和进口,但我不能让它工作。我怎样才能在angular2中使用typescript做到这一点?

2 个答案:

答案 0 :(得分:16)

<强> variables.ts

export var var1:string = 'a';
export var var2:string = 'b';

其他-file.ts

import {var1, var2} from './variables';

alert(var1);

import * as vars from './variables';

alert(vars.var1);

另请参阅https://angular.io/guide/glossary#barrel

上的Barrel

答案 1 :(得分:1)

  

试图使用出口和进口,但我无法让它发挥作用。我怎样才能在angular2中使用typescript做到这一点?

只需使用export关键字和import关键字即可。这只是ES6,并且与TypeScript神奇地配合使用;)

导出:

export var1 = 'a'

导入:

import {var1} from './variables';

更多

此处介绍了TypeScript模块:https://basarat.gitbooks.io/typescript/content/docs/project/modules.html