fix(autosize): export md-autosize directive

Closes #2419
angular · Dec 27, 2016 · 24cdad7 · 24cdad7
1 parent 026c70a
commit 24cdad7
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/lib/input/autosize.spec.ts b/src/lib/input/autosize.spec.ts
@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, ViewChild} from '@angular/core';
 import {ComponentFixture, TestBed, async} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {MdInputModule} from './input';
@@ -97,6 +97,12 @@ describe('MdTextareaAutosize', () => {
     expect(parseInt(textarea.style.maxHeight))
         .toBeGreaterThan(previousMaxHeight, 'Expected increased max-height with maxRows increase.');
   });
+
+  it('should export the mdAutosize reference', () => {
+    expect(fixture.componentInstance.autosize).toBeTruthy();
+    expect(fixture.componentInstance.autosize.resizeToFitContent).toBeTruthy();
+  });
+
 });
 
 
@@ -109,10 +115,14 @@ const textareaStyleReset = `
     }`;
 
 @Component({
-  template: `<textarea md-autosize [minRows]="minRows" [maxRows]="maxRows">{{content}}</textarea>`,
+  template: `
+    <textarea md-autosize [minRows]="minRows" [maxRows]="maxRows" #autosize="mdAutosize">
+      {{content}}
+    </textarea>`,
   styles: [textareaStyleReset],
 })
 class AutosizeTextAreaWithContent {
+  @ViewChild('autosize') autosize: MdTextareaAutosize;
   minRows: number = null;
   maxRows: number = null;
   content: string = '';

diff --git a/src/lib/input/autosize.ts b/src/lib/input/autosize.ts
@@ -6,6 +6,7 @@ import {Directive, ElementRef, Input, OnInit} from '@angular/core';
  */
 @Directive({
   selector: 'textarea[md-autosize], textarea[mat-autosize]',
+  exportAs: 'mdAutosize',
   host: {
     '(input)': 'resizeToFitContent()',
     '[style.min-height]': '_minHeight',