feat(compiler): support $publishAs on components.

Author: mhevery

lib/block.dart

@@ -282,6 +282,9 @@ class ComponentFactory {
         getString(directive.$templateUrl).
         then((data) => shadowScope.$apply(() => compileTemplate(data)));
     }
+    if (directive.$publishAs != null) {
+      shadowScope[directive.$publishAs] = controller;
+    }
     return controller;
   }
 

lib/directive.dart

@@ -14,6 +14,7 @@ class Directive {
   String $template;
   String $templateUrl;
   String $cssUrl;
+  String $publishAs;
   Map<String, String> $map;
   String $visibility;
   ShadowRootOptions $shadowRootOptions;
@@ -51,6 +52,7 @@ class Directive {
     $visibility = _defaultIfNull(
         reflectStaticField(type, '\$visibility'), DirectiveVisibility.LOCAL);
     $map = reflectStaticField(type, '\$map');
+    $publishAs = reflectStaticField(type, r'$publishAs');
     isStructural = $transclude != null;
     var $selector = reflectStaticField(type, r'$selector');
     if ($selector != null) {

test/compiler_spec.dart

@@ -392,6 +392,7 @@ main() {
       beforeEach(module((AngularModule module) {
         module.directive(SimpleComponent);
         module.directive(IoComponent);
+        module.directive(PublishMeComponent);
       }));
 
       it('should create a simple component', inject(() {
@@ -422,10 +423,19 @@ main() {
         expect($rootScope.done).toEqual(true);
       }));
 
-      it('should allow the component to publish itself into the scope', inject(() {
-
+      it('should throw an exception if required directive is missing', inject((Compiler $compile, Scope $rootScope, Injector injector) {
+        expect(() {
+          var element = $('<tab local><pane></pane><pane local></pane></tab>');
+          $compile(element)(injector, element);
+        }, throwsA(contains('No provider found for LocalAttrDirective! (resolving LocalAttrDirective)')));
       }));
 
+      iit('should publish component controller into the scope', inject(() {
+        var element = $(r'<div><publish-me></publish-me></div>');
+        $compile(element)(injector, element);
+        $rootScope.$apply();
+        expect(element.textWithShadow()).toEqual('WORKED');
+      }));
     });
 
     describe('controller scoping', () {
@@ -443,13 +453,6 @@ main() {
         expect(log.result()).toEqual('IncludeTransclude; SimpleTransclude');
       }));
 
-      it('should throw an exception if required directive is missing', inject((Compiler $compile, Scope $rootScope, Injector injector) {
-        expect(() {
-          var element = $('<tab local><pane></pane><pane local></pane></tab>');
-          $compile(element)(injector, element);
-        }, throwsA(contains('No provider found for LocalAttrDirective! (resolving LocalAttrDirective)')));
-      }));
-
     });
   });
 }
@@ -470,3 +473,11 @@ class IoComponent {
     scope.$root.ioComponent = this;
   }
 }
+
+class PublishMeComponent {
+  static String $template = r'<content>{{ctrlName.value}}</content>';
+  static String $publishAs = 'ctrlName';
+
+  String value = 'WORKED';
+  PublishMeComponent() {}
+}