fix(app): support exportAs for directives

vogloblinsky · vogloblinsky · commit 76a8f340aafb · 2023-05-16T11:42:15.000+02:00
fix #1328
diff --git a/src/app/compiler/angular/deps/directive-dep.factory.ts b/src/app/compiler/angular/deps/directive-dep.factory.ts
@@ -21,6 +21,7 @@ export class DirectiveDepFactory {
             sourceCode: srcFile.getText(),
             selector: this.helper.getComponentSelector(props, srcFile),
             providers: this.helper.getComponentProviders(props, srcFile),
+            exportAs: this.helper.getComponentExportAs(props, srcFile),
 
             inputsClass: IO.inputs,
             outputsClass: IO.outputs,
@@ -65,6 +66,7 @@ export interface IDirectiveDep extends IDep {
 
     selector: string;
     providers: Array<any>;
+    exportAs: string;
 
     inputsClass: any;
     outputsClass: any;
diff --git a/src/templates/partials/directive.hbs b/src/templates/partials/directive.hbs
@@ -104,6 +104,13 @@
                     </tr>
                     {{/if}}
 
+                    {{#if directive.exportAs}}
+                    <tr>
+                        <td class="col-md-3">{{t "exportAs" }}</td>
+                        <td class="col-md-9"><code>{{directive.exportAs}}</code></td>
+                    </tr>
+                    {{/if}}
+
                 </tbody>
             </table>
         </section>
diff --git a/test/fixtures/todomvc-ng2/src/app/shared/directives/do-nothing-directive.metadata.ts b/test/fixtures/todomvc-ng2/src/app/shared/directives/do-nothing-directive.metadata.ts
@@ -1,3 +1,4 @@
 export const DoNothingDirectiveSchema = {
-    selector: '[donothing]'
+    selector: '[donothing]',
+    exportAs: 'donothing'
 };
diff --git a/test/src/cli/cli-generation-big-app.spec.ts b/test/src/cli/cli-generation-big-app.spec.ts
@@ -924,4 +924,9 @@ describe('CLI simple generation - big app', () => {
         const file = read(distFolder + '/modules/FooterModule.html');
         expect(file).to.contain('href="../injectables/EmitterService.html">EmitterService');
     });
+
+    it('should support exportAs for directives', () => {
+        const file = read(distFolder + '/directives/DoNothingDirective.html');
+        expect(file).to.contain('<code>donothing</code>');
+    });
 });
