Angular 2: Inject service into class

Question

I have angular class that represents shape. I want to be able to instantiate multiple instances of that class using constructor.

The constructor takes multiple arguments representing properties of that shape.

constructor(public center: Point, public radius: number, fillColor: string,     fillOpacity: number, strokeColor: string, strokeOpacity: number, zIndex: number) 

Inside my class I want to use service that provides capability to draw shapes on the map. Is it possible to inject that service into my class and still use constructor the standard way.

So I want to do something like below and have Angular automatically resolve injected dependency.

constructor(public center: GeoPoint, public radius: number,      fillColor: string, fillOpacity: number, strokeColor: string, strokeOpacity: number,      zIndex: number, @Inject(DrawingService) drawingService: DrawingService) 

Answer 1

I've managed to resolve my problem.

Angular 2 - 4 provides reflective injector that allows to inject dependencies outside of constructor parameters.

All I had to do was to import Reflective injector from @angular/core.

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

And then:

let injector = ReflectiveInjector.resolveAndCreate([DrawingService]); this.drawingApi = injector.get(DrawingService); 

The class doesn't even have to be decorated with the @Injectable decorator. The only problem is that I have to provide all dependencies for DrawingService and all the nested dependencies, so that is hard to maintain.

EDIT:

Angular 5

import { Injector } from "@angular/core";  const injector = Injector.create([     { provide: DrawingService } ]); this.drawingApi = injector.get(DrawingService); 

Angular 6

import { Injector } from "@angular/core";  const injector = Injector.create({    providers: [      { provide: DrawingService },   ] }); this.drawingApi = injector.get(DrawingService);