Use host binding

Author: devversion

src/lib/input/autosize.ts

@@ -10,6 +10,9 @@ import {Directive, ElementRef, Input, AfterViewInit} from '@angular/core';
   exportAs: 'mdTextareaAutosize',
   host: {
     '(input)': 'resizeToFitContent()',
+    // Textarea elements that have the directive applied should have a single row by default.
+    // Browsers normally show two rows by default and this makes the minRows and maxRows unusable.
+    'rows': '1',
   },
 })
 export class MdTextareaAutosize implements AfterViewInit {
@@ -71,23 +74,9 @@ export class MdTextareaAutosize implements AfterViewInit {
 
   ngAfterViewInit() {
     this._cacheTextareaLineHeight();
-    this._setInitialRows();
     this.resizeToFitContent();
   }
 
-  /**
-   * Sets the rows property of the textarea to one by default.
-   * Browsers by default set the rows property to two. Therefore setting the minRows and maxRows
-   * binding to something below two doesn't work.
-   */
-  private _setInitialRows() {
-    const textarea = this._elementRef.nativeElement as HTMLTextAreaElement;
-
-    // By default textarea elements that have the mdTextareaAutosize directive applied will
-    // have a single row by default. Browsers normally show two rows by default.
-    textarea.rows = 1;
-  }
-
   /** Sets a style property on the textarea element. */
   private _setTextareaStyle(property: string, value: string): void {
     const textarea = this._elementRef.nativeElement as HTMLTextAreaElement;