Comments (6)
Would you share the declarations of the services as well?
from injection-js.
Sorry. Seems that I did not describe my issue correctly. I injected the 'DataService' to several Classes.
from injection-js.
Would you provide the entire example so I can reproduce the issue?
from injection-js.
The entire project is too large. So I create a test example here: https://github.com/nxddsnc/injectorTest.
After building this with webpack, I use it like:
let b = new ServiceB(); let c = new ServiceC();
in the constructors of the class ServiceB and ServiceC, I use this to get the ServiceA:
const injector = ReflectiveInjector.resolveAndCreate([ServiceA]); let serviceA = injector.get(ServiceA);
And there's two logs says "service A constructed";
from injection-js.
@nxddsnc you should not create an instance of the ReflectiveInjector
inside of the classes' constructors. You should turn this code:
import { Injectable, ReflectiveInjector } from 'injection-js';
@Injectable()
export class ServiceA {
constructor() {
console.log('service A constructed');
}
}
@Injectable()
export class ServiceB {
constructor() {
const injector = ReflectiveInjector.resolveAndCreate([ServiceA]);
let serviceA = injector.get(ServiceA);
}
}
Into:
import 'reflect-metadata';
import { Injectable, ReflectiveInjector } from 'injection-js';
export class ServiceA {
constructor() {
console.log('service A constructed');
}
}
@Injectable()
export class ServiceB {
constructor(private serviceA: ServiceA) {}
}
const injector = ReflectiveInjector.resolveAndCreate([ServiceA, ServiceB]);
injector.get(ServiceB);
Notice the following:
- You need
reflect-metadata
. - You need to set
emitDecoratorMetadata
flag intsconfig.json
to `true. ServiceB
is delegating the instantiation ofServiceA
to theReflectiveInjector
. This wayServiceB
is not coupled with a specific abstraction (i.e.ReflectiveInjector
can pass a subclass ofServiceA
), neither with the process of instantiation ofServiceA
.
from injection-js.
Understood. Thank you very much!
from injection-js.
Related Issues (20)
- ReflectiveInjector vs StaticInjector HOT 2
- Up-to-date with Angular 5.0 ? HOT 1
- Expose makeParamDecorator API HOT 1
- Third documentation link "here" in README is broken. HOT 2
- Cannot read property 'match' of undefined HOT 3
- Factory service with async HOT 2
- mad science: use @ngrx/store in react ??? HOT 1
- InjectionToken as token for provider doesn't work HOT 2
- Basic typescript example does not work in Create React App with typescript HOT 5
- Provider with factory HOT 1
- Testing resources HOT 1
- Providers option HOT 5
- dynamically resolve all dependencies? HOT 12
- How to use the makeDecorator with an object as prop HOT 1
- ReflectiveInjector unable to resolve parameters of parent class HOT 2
- How to add providers dynamically? HOT 1
- Fails when targeting ES2015 in TypeScript HOT 3
- replace tslint with eslint HOT 2
- Sharing Services Between Hybrid Apps
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from injection-js.