fix(compiler): support events on a template element that are consumed via a direct expression

Closes #4883

modules/angular2/test/core/compiler/change_definition_factory_spec.ts

@@ -90,7 +90,7 @@ export function main() {
       expect(dispatcher.log).toEqual(['textNode(null)=someValue']);
     });
 
-    it('should handle events', () => {
+    it('should handle events on regular elements', () => {
       var changeDetector = createChangeDetector('<div on-click="onEvent($event)">', [], 0);
 
       eventLocals.set('$event', 'click');
@@ -98,6 +98,20 @@ export function main() {
       expect(context.eventLog).toEqual(['click']);
     });
 
+    it('should handle events on template elements', () => {
+      var dirMeta = CompileDirectiveMetadata.create({
+        type: new CompileTypeMetadata({name: 'SomeDir'}),
+        selector: 'template',
+        outputs: ['click']
+      });
+      var changeDetector =
+          createChangeDetector('<template on-click="onEvent($event)">', [dirMeta], 0);
+
+      eventLocals.set('$event', 'click');
+      changeDetector.handleEvent('click', 0, eventLocals);
+      expect(context.eventLog).toEqual(['click']);
+    });
+
     it('should handle events with targets', () => {
       var changeDetector = createChangeDetector('<div (window:click)="onEvent($event)">', [], 0);
 

modules/angular2/test/core/compiler/template_parser_spec.ts

@@ -277,6 +277,7 @@ export function main() {
              expect(humanizeTemplateAsts(parse('<template (e)="f"></template>', [dirA])))
                  .toEqual([
                    [EmbeddedTemplateAst, 'TestComp > template:nth-child(0)'],
+                   [BoundEventAst, 'e', null, 'f', 'TestComp > template:nth-child(0)[(e)=f]'],
                    [DirectiveAst, dirA, 'TestComp > template:nth-child(0)'],
                  ]);
            });
@@ -978,6 +979,7 @@ class TemplateHumanizer implements TemplateAstVisitor {
   visitEmbeddedTemplate(ast: EmbeddedTemplateAst, context: any): any {
     this.result.push([EmbeddedTemplateAst, ast.sourceInfo]);
     templateVisitAll(this, ast.attrs);
+    templateVisitAll(this, ast.outputs);
     templateVisitAll(this, ast.vars);
     templateVisitAll(this, ast.directives);
     templateVisitAll(this, ast.children);

modules/angular2/test/core/linker/integration_spec.ts

@@ -827,22 +827,26 @@ export function main() {
 
       it('should support events via EventEmitter on template elements',
          inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
-           tcb.overrideView(MyComp, new ViewMetadata({
-                              template: '<template emitter listener></template>',
-                              directives: [DirectiveEmitingEvent, DirectiveListeningEvent]
-                            }))
+           tcb.overrideView(
+                  MyComp, new ViewMetadata({
+                    template: '<template emitter listener (event)="ctxProp=$event"></template>',
+                    directives: [DirectiveEmitingEvent, DirectiveListeningEvent]
+                  }))
 
                .createAsync(MyComp)
                .then((rootTC) => {
 
                  var tc = rootTC.debugElement.componentViewChildren[0];
                  var emitter = tc.inject(DirectiveEmitingEvent);
+                 var myComp = tc.inject(MyComp);
                  var listener = tc.inject(DirectiveListeningEvent);
 
+                 myComp.ctxProp = '';
                  expect(listener.msg).toEqual('');
 
                  ObservableWrapper.subscribe(emitter.event, (_) => {
                    expect(listener.msg).toEqual('fired !');
+                   expect(myComp.ctxProp).toEqual('fired !');
                    async.done();
                  });