@Inject decorator for easily annotating dependency-injected class constructors

static/js/decorators/inject/inject.decorator.spec.ts

@@ -0,0 +1,17 @@
+import { Inject } from './inject.decorator';
+
+
+describe("Decorator: Inject", () => {
+
+  describe("parameter injection", () => {
+
+    it("adds given string to the 'inject' property of the annotated class", () => {
+      expect(ValidService.$inject).toContain('$scope');
+    });
+  });
+});
+
+
+class ValidService {
+  constructor(@Inject('$scope') private $scope: any) {}
+}

static/js/decorators/inject/inject.decorator.ts

@@ -0,0 +1,11 @@
+/**
+ * Adds the given value to the inject property of the annotated class.
+ * Used to annotate the constructor parameters of an AngularJS service/component class.
+ * @param value The string name of the dependency.
+ */
+export function Inject(value: string) {
+  return (target: any, propertyKey: string | symbol, parameterIndex: number): void => {
+    target.$inject = target.$inject || [];
+    target.$inject[parameterIndex] = value;
+  }
+}

static/js/services/view-array/view-array.factory.ts

@@ -1,5 +1,6 @@
 import { ViewArray } from './view-array';
 import { ViewArrayImpl } from './view-array.impl';
+import { Inject } from '../../decorators/inject/inject.decorator';
 
 
 /**
@@ -13,8 +14,7 @@ export class ViewArrayFactory {
    * @param $interval Angular $interval service.
    * @return viewArrayFactory A factory for creating ViewArray objects.
    */
-  static $inject = ['$interval'];
+  constructor(@Inject('$interval') private $interval: ng.IIntervalService) {
-  constructor(private $interval: ng.IIntervalService) {
 
   }
 

static/js/services/view-array/view-array.impl.spec.ts

@@ -6,13 +6,13 @@ describe("ViewArrayImplImpl", () => {
   var $intervalMock: any;
   var additionalCount: number;
 
-  beforeEach(inject(($injector: ng.auto.IInjectorService) => {
+  beforeEach(() => {
     $intervalMock = jasmine.createSpy('$intervalSpy');
     $intervalMock.and.returnValue({});
     $intervalMock.cancel = jasmine.createSpy('cancelSpy');
     additionalCount = 20;
     viewArrayImpl = new ViewArrayImpl($intervalMock, additionalCount);
-  }));
+  });
 
 
   describe("constructor", () => {

tsconfig.json

@@ -5,6 +5,7 @@
     "module": "commonjs",
     "outDir": "./build/",
     "target": "es5",
+    "experimentalDecorators": true,
     "sourceMap": true,
     "paths": {
       "sass/*": ["./static/css/directives/components/pages/*"]