Resolve Decorator

Author: Toni Möckel

src/decorators.ts

@@ -0,0 +1,19 @@
+import {makePropDecorator} from "@angular/core/src/util/decorators";
+
+export interface ResolveDecorator {
+
+  (bindingPropertyName?: string): any;
+  new (bindingPropertyName?: string): any;
+}
+
+export interface Resolve {
+  /**
+   * Name used when instantiating a component in the template.
+   */
+  bindingPropertyName?: string;
+}
+
+export const Resolve: ResolveDecorator = makePropDecorator('Resolve', [['bindingPropertyName', undefined]]);
+
+
+

src/directives/uiView.ts

@@ -12,6 +12,8 @@ import {Ng2ViewConfig} from "../statebuilders/views";
 import {ResolveContext, NATIVE_INJECTOR_TOKEN} from "ui-router-core";
 import {flattenR} from "ui-router-core";
 import {MergeInjector} from "../mergeInjector";
+import {Resolve} from "../decorators";
+
 
 /** @hidden */
 let id = 0;
@@ -28,6 +30,8 @@ interface InputMapping {
   prop: string;
 }
 
+
+
 /**
  * Given a component class, gets the inputs of styles:
  *
@@ -45,7 +49,7 @@ const ng2ComponentInputs = (ng2CompClass: Type<any>) => {
       // -> flattened to [ { key: string, anno: annotation } ] tuples
       .reduce((acc, tuple) => acc.concat(tuple.annoArr.map(anno => ({ key: tuple.key, anno }))), [])
       // Only Inputs
-      .filter(tuple => tuple.anno instanceof Input)
+      .filter(tuple => tuple.anno instanceof Input || tuple.anno instanceof Resolve)
       // If they have a bindingPropertyName, i.e. "@Input('foo') _foo", then foo, else _foo
       .map(tuple => ({ token: tuple.anno.bindingPropertyName || tuple.key, prop: tuple.key }));