angular2-injection

Can we inject different provider while loading components dynamically? my-component @Component({ moduleId: module.id, selector: "my-component", template: "<div>my-component</div>", providers: [MyComponentService] }) export class MyComponent{ constructor(private ds: MyComponentService) { super(); } } some where else, this._cr.resolveComponent(MyComponent).then(cmpFactory => { let instance: any = this.testComponentContainer.createComponent(cmpFactory).instance; }); so in above code, while resolving MyComponent , provider for this MyComponentService will also be resolved, can we resolve it

I tried to import the http provider into a service, but I'm getting the following error: Cannot resolve all parameters for 'AppService'(?). Make sure that all the parameters are decorated with Inject or have valid type annotations and that 'AppService' is decorated with Injectable. Here are some code snippets: <script src="~/es6-shim/es6-shim.min.js"></script> <script src="~/systemjs/dist/system-polyfills.js"></script> <script src="~/angular2/bundles/angular2-polyfills.js"></script> <script src="~/systemjs/dist/system.src.js"></script> <script src="~/rxjs/bundles/Rx.js"></script> <script src="

I want to create service, which can interact with one component. All another components in my app, should be able to call this service, and this service should interact with this component. How to call component method from service? @Component({ selector:'component' }) export class Component{ function2(){ // How call it? } } From this servive? @Injectable() export class Service { callComponentsMethod() { //From this place?; } } Interaction between components can be indeed achieved using services. You will need to inject the service use for inter-component communication into all the components

I have a @Injectable service defined in bootstrap. I want to get the instance of the service without using constructor injection. I tried using ReflectiveInjector.resolveAndCreate but that seem to create a new instance. The reason I'm trying to do is I have a base component derived by many components. Now I need to access a service but I don't want to add it to the ctor because I don't want to inject the service on all of the derivative components. TLDR: I need a ServiceLocator.GetInstance<T>() UPDATE: Updated code for RC5+: Storing injector instance for use in components Yes,

Context I created an ApiService class to be able to handle our custom API queries, while using our own serializer + other features. ApiService 's constructor signature is: constructor(metaManager: MetaManager, connector: ApiConnectorService, eventDispatcher: EventDispatcher); MetaManager is an injectable service that handles api's metadatas. ApiConnectorService is a service which is wrapping Http to add our custom headers and signature system. EventDispatcher is basically Symfony's event dispatcher system, in typescript. Problem When I test the ApiService , I do an initialization in beforeEach

I've been looking at the Angular 2 APIs for ComponentResolver and DynamicComponentResolver for creating dynamic components, but I have something different in mind than those APIs offer. Is there any way in NG2 to create a component based on a string of its class name? For example, Im building a configurable charts dashboard. Each user's layout is stored in the database, stating they want 2x line charts here, 3x bar charts there, etc. When I load this data as json it looks something like: user.charts = [ { type: 'LineChartComponent', position: ... } { type: 'BarChartComponent', position: ... }