angular2(typescript) export variables from another file

Question

In Nodejs I have a page called variables.js which looks something like this:

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

This file holds variables I use within in my application all in one place.

Then inside of another page I call this page using:

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

Now I have access to the variable sin that page by using it like this for example:

alert(variables.var1);

I would like to do the same thing inside of angular2 (typescript). I have tried to play with exports and imports but I can't get it to work. How can I do this inside of angular2 using typescript?

iniravpatel · Accepted Answer · 2017-06-15 09:39:43Z

24

variables.ts

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

other-file.ts

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

alert(var1);

or

import * as vars from './variables';

alert(vars.var1);

See also Barrel at https://angular.io/guide/glossary#barrel

edited Jun 15, 2017 at 9:39

iniravpatel

1,68318 silver badges24 bronze badges

answered Jun 6, 2016 at 5:07

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

user2924127 Over a year ago

When I try import "../variables" as vars; I get the error: Error TS1005: ';' expected. Ther eis a semicolon so I am not sure what it is complaining about?

user2924127 Over a year ago

It is now saying my ./variables.ts is not a module

Günter Zöchbauer Over a year ago

are both files in the same directory?

user2924127 Over a year ago

Yes they are in the exact same folder.

Günter Zöchbauer Over a year ago

Sorry, another error. I missed var after export. Working Plunker example

|

basarat · Accepted Answer · 2016-06-06 05:07:36Z

3

have tried to play with exports and imports but I can't get it to work. How can I do this inside of angular2 using typescript?

Just use the export keyword and import keyword. This is just ES6 and magically works with TypeScript ;) 🌹

Export:

export var1 = 'a'

Import:

import {var1} from './variables';

More

TypeScript modules are covered here : https://basarat.gitbooks.io/typescript/content/docs/project/modules.html

answered Jun 6, 2016 at 5:07

basarat

278k60 gold badges475 silver badges528 bronze badges

Collectives™ on Stack Overflow

angular2(typescript) export variables from another file

2 Answers 2

6 Comments

Export:

Import:

More

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Export:

Import:

More

Comments

Your Answer

Sign up or log in

Post as a guest

Related