From 2ca5e38a78cf423d35fcb12e9829bf2ebd9e5548 Mon Sep 17 00:00:00 2001
From: Alejandro Caravaca Puchades <alex94puchades@gmail.com>
Date: Thu, 10 Dec 2015 13:23:47 +0100
Subject: [PATCH] fix(upgrade): allow directives with empty template

---
 .../src/upgrade/upgrade_ng1_adapter.ts        |  2 +-
 modules/angular2/test/upgrade/upgrade_spec.ts | 21 +++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/modules/angular2/src/upgrade/upgrade_ng1_adapter.ts b/modules/angular2/src/upgrade/upgrade_ng1_adapter.ts
index d6a7136ba3..5d9a4b7504 100644
--- a/modules/angular2/src/upgrade/upgrade_ng1_adapter.ts
+++ b/modules/angular2/src/upgrade/upgrade_ng1_adapter.ts
@@ -120,7 +120,7 @@ export class UpgradeNg1ComponentAdapterBuilder {
 
   compileTemplate(compile: angular.ICompileService, templateCache: angular.ITemplateCacheService,
                   httpBackend: angular.IHttpBackendService): Promise<any> {
-    if (this.directive.template) {
+    if (this.directive.template !== undefined) {
       this.linkFn = compileHtml(this.directive.template);
     } else if (this.directive.templateUrl) {
       var url = this.directive.templateUrl;
diff --git a/modules/angular2/test/upgrade/upgrade_spec.ts b/modules/angular2/test/upgrade/upgrade_spec.ts
index 26c11fb1ec..c22dc9f676 100644
--- a/modules/angular2/test/upgrade/upgrade_spec.ts
+++ b/modules/angular2/test/upgrade/upgrade_spec.ts
@@ -304,6 +304,27 @@ export function main() {
                });
          }));
 
+      it('should support empty template', inject([AsyncTestCompleter], (async) => {
+           var adapter = new UpgradeAdapter();
+           var ng1Module = angular.module('ng1', []);
+
+           var ng1 = function() { return {template: ''}; };
+           ng1Module.directive('ng1', ng1);
+           var Ng2 = Component({
+                       selector: 'ng2',
+                       template: '<ng1></ng1>',
+                       directives: [adapter.upgradeNg1Component('ng1')]
+                     }).Class({constructor: function() {}});
+           ng1Module.directive('ng2', adapter.downgradeNg2Component(Ng2));
+           var element = html(`<div><ng2></ng2></div>`);
+           adapter.bootstrap(element, ['ng1'])
+               .ready((ref) => {
+                 expect(multiTrim(document.body.textContent)).toEqual('');
+                 ref.dispose();
+                 async.done();
+               });
+         }));
+
       it('should support templateUrl fetched from $templateCache',
          inject([AsyncTestCompleter], (async) => {
            var adapter = new UpgradeAdapter();