Angular : How declare variable at Module and access it from all component?

Question

I want to declare variable in my app.module and access it from children components
without declare it again or use global injection.

Is this possible?

You should use services for that.

void
– void

2018-03-05 06:55:55 +00:00
Commented Mar 5, 2018 at 6:55 — void
– void, Commented Mar 5, 2018 at 6:55

Pengyy · Accepted Answer · 2018-03-05 07:22:02Z

6

You can define a String Token and inject it at your component via Injector from @angular/core.

App.module.ts

const testVar = 'some value';
@NgModule({
  ...
  providers: [
    { provide: 'A', useValue: testVar}   // define a string token
  ]
})
export class AppModule { }

Component

import { Injector } from '@angular/core';

constructor(private injector: Injector) {
  const A = this.injector.get('A');
  console.log(A);
}

DEMO

answered Mar 5, 2018 at 7:22

Pengyy

38.3k15 gold badges85 silver badges73 bronze badges

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

Collectives™ on Stack Overflow

Angular : How declare variable at Module and access it from all component?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related