feat($compileProvider): allow component() helper to copy over custom annotations

Author: petebacondarwin

src/ng/compile.js

@@ -1079,12 +1079,15 @@ function $CompileProvider($provide, $$sanitizeUriProvider) {
       };
     }
 
-    if (options.$canActivate) {
-      factory.$canActivate = options.$canActivate;
-    }
-    if (options.$routeConfig) {
-      factory.$routeConfig = options.$routeConfig;
-    }
+    // Copy any annotation properties (starting with $)
+    // over to the factory function
+    // (These can be used by libraries such as the new router)
+    forEach(options, function(val, key) {
+      if (key.charAt(0) === '$') {
+        factory[key] = val;
+      }
+    });
+
     factory.$inject = ['$injector'];
 
     return this.directive(name, factory);

test/ng/compileSpec.js

@@ -9321,14 +9321,16 @@ describe('$compile', function() {
       });
     });
 
-    it('should add router annotations to directive factory', function() {
+    it('should add additional annotations to directive factory', function() {
       var myModule = angular.module('my', []).component('myComponent', {
         $canActivate: 'canActivate',
-        $routeConfig: 'routeConfig'
+        $routeConfig: 'routeConfig',
+        $customAnnotation: 'XXX'
       });
       expect(myModule._invokeQueue.pop().pop()[1]).toEqual(jasmine.objectContaining({
         $canActivate: 'canActivate',
-        $routeConfig: 'routeConfig'
+        $routeConfig: 'routeConfig',
+        $customAnnotation: 'XXX'
       }));
     });