fix(upgrade): allow directives with empty template

alex94cp · vsavkin · commit 2ca5e38a78cf · 2015-12-11T11:39:45.000-08:00
diff --git 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
@@ -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();
