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

标签 javascript typescript angular

在 Nodejs 中,我有一个名为 variables.js 的页面,它看起来像这样:

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

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

然后在另一个页面中,我使用以下方式调用此页面:

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

现在我可以像这样使用它来访问该页面的变量 sin:

alert(variables.var1);

我想在 angular2( typescript )中做同样的事情。我曾尝试使用导出和导入,但无法正常工作。我如何使用 typescript 在 angular2 中执行此操作?

最佳答案

变量.ts

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

其他文件.ts

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

alert(var1);

import * as vars from './variables';

alert(vars.var1);

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

关于javascript - angular2(typescript) 从另一个文件导出变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37649844/

相关文章:

javascript - 清除 Canvas 中的文本不允许我重画

javascript - 在页面加载时一一加载 Bootstrap 列

javascript - 如何中止来自 Observable 的 Ajax 请求?

Angular2 重定向路由不会更改浏览器 url

angular - 如何在 Angular 中匹配 toHaveBeenCalledWith 中的部分 url

在路由中使用 loadchildren 时,Angular 5 子路由在根级路由器导出加载

javascript - 围绕 anchor 的 Codeigniter div 标签

javascript - 是否可以在一个按钮上分配两个功能?

json - Angular 2 导入 Http 失败

javascript - 在 typescript 中使用命名空间时找不到名称错误