Typescript: Import value from object

Question

Lets say I have a typescript file environment.ts where I export

export const environment = {
    host: localhost:8080,

    // more keys/values
}

Lets say I have another file url.ts where I want to import the environment object.

import { environment } from 'environments/environment';

Which works fine. I could do there something like

const host = environment.host

Question:

But, is there any way to just import the host value directly?

are you working with cli? and exactly, what do you mean with "import directly"? — Luca Taccagni
– Luca Taccagni, Commented Feb 19, 2018 at 11:11

Tao · Accepted Answer · 2018-02-19 12:04:13Z

2

Instead of exporting a toplevel object named environment you could export each value separately

export const host = 'localhost:8080';
export const foo = 'bar';

and then import them like this

import { host, foo } from 'environments/environment'

or import them all like this

import * as environment from 'environments/environment'

answered Feb 19, 2018 at 12:04

Tao

2,25016 silver badges15 bronze badges

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

Comments

Luca Taccagni · Accepted Answer · 2018-02-19 11:15:20Z

0

if you are working with angular cli, you could modify your .angular-cli.json file like this:

{
  "defaults": {
    "serve": {
      "port": 8080,
      "host": "yourHost"
    }
  }
}

answered Feb 19, 2018 at 11:15

Luca Taccagni

1,0596 silver badges23 bronze badges

I was asking for typescript in general.