From 0fd1209b04e45759f56af8867b809a7d29e3a2c1 Mon Sep 17 00:00:00 2001
From: Ken Sodemann <ken@ionic.io>
Date: Thu, 16 Nov 2017 12:20:27 -0600
Subject: [PATCH] feat(demo): add textarea to the demo page

---
 .../src/app/inputs/inputs-test-page.component.html   | 12 ++++++++++++
 .../src/app/inputs/inputs-test-page.component.ts     |  1 +
 .../ion-text-value-accessor.directive.ts             |  2 +-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/angular/demo/src/app/inputs/inputs-test-page.component.html b/packages/angular/demo/src/app/inputs/inputs-test-page.component.html
index d2d5288e08..9e27f2ea41 100644
--- a/packages/angular/demo/src/app/inputs/inputs-test-page.component.html
+++ b/packages/angular/demo/src/app/inputs/inputs-test-page.component.html
@@ -31,6 +31,18 @@
       <span id="ionTextInputOutput">{{ionTextInput}}</span>
     </ion-col>
   </ion-row>
+  <ion-row>
+    <ion-col>
+      <ion-item>
+        <ion-label>Ionic Text Area Input</ion-label>
+        <ion-textarea id="ionTextareaInput" name="ionTextareaInput" [(ngModel)]="ionTextareaInput"></ion-textarea>
+      </ion-item>
+    </ion-col>
+    <ion-col>
+      Ionic Text Input:
+      <span id="ionTextInputOutput">{{ionTextareaInput}}</span>
+    </ion-col>
+  </ion-row>
 
   <ion-row>
     <ion-col>
diff --git a/packages/angular/demo/src/app/inputs/inputs-test-page.component.ts b/packages/angular/demo/src/app/inputs/inputs-test-page.component.ts
index 890adcfdde..5178455886 100644
--- a/packages/angular/demo/src/app/inputs/inputs-test-page.component.ts
+++ b/packages/angular/demo/src/app/inputs/inputs-test-page.component.ts
@@ -7,6 +7,7 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
   encapsulation: ViewEncapsulation.None
 })
 export class InputsTestPageComponent implements OnInit {
+  ionTextareaInput = 'This is the Ionic Textarea Input';
   ionTextInput = 'This is the Ionic Text Input';
   stdTextInput = 'This is the HTML Text Input';
 
diff --git a/packages/angular/demo/src/app/shared/ion-text-value-accessor/ion-text-value-accessor.directive.ts b/packages/angular/demo/src/app/shared/ion-text-value-accessor/ion-text-value-accessor.directive.ts
index 3186afe350..e8c56cd44c 100644
--- a/packages/angular/demo/src/app/shared/ion-text-value-accessor/ion-text-value-accessor.directive.ts
+++ b/packages/angular/demo/src/app/shared/ion-text-value-accessor/ion-text-value-accessor.directive.ts
@@ -5,7 +5,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 // May also need to look at this to see if we need anything else:
 // https://github.com/angular/angular/blob/5.0.1/packages/forms/src/directives/default_value_accessor.ts#L33-L101
 @Directive({
-  selector: 'ion-input',
+  selector: 'ion-input,ion-textarea',
   providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: IonTextValueAccessorDirective, multi: true }]
 })
 export class IonTextValueAccessorDirective implements ControlValueAccessor {