Import Range and TextInput directives from Ionic

Author: lathonez

app/pages/page2/page2.html

@@ -9,11 +9,7 @@
 
 <ion-content padding class="message bye-ionic">
   <h2>Bye!</h2>
-  <!-- NOTE: the clicker issue 108 error can be reproduced either with
-       an <ion-range> or with an <ion-input> element with an
-       [(ngModel)]. uncomment either one of those lines and uncomment
-       the corresponding lines in page2.ts that change the type of
-       'value' -->
-  <!--ion-range [(ngModel)]="value"></ion-range-->
-  <ion-input [(ngModel)]="value" type="text"></ion-input>
+  <!-- demonstrating #108 -->
+  <ion-range [(ngModel)]="rangeValue"></ion-range>
+  <ion-input [(ngModel)]="inputValue" type="text"></ion-input>
 </ion-content>

app/pages/page2/page2.ts

@@ -1,21 +1,23 @@
 'use strict';
 
-import {Component} from '@angular/core';
+import { Component }        from '@angular/core';
+import { Range, TextInput } from 'ionic-angular';
 
 @Component({
   templateUrl: 'build/pages/page2/page2.html',
+  directives: [Range, TextInput],
 })
+
 export class Page2 {
-  // NOTE: reproducing clicker issue 108: 'value' should be a string
-  // type if you uncommented the <ion-input> line in page2.html, or
-  // if you uncommented <ion-range>, then 'value' should be an int
 
-  // private value: number;
-  private value: string;
+  // demonstrating #108
+  private rangeValue: number;
+  private inputValue: string;
+
   constructor() {
 
-    // this.value = 33;
-    this.value = 'some text';
+    this.rangeValue = 33;
+    this.inputValue = 'some text';
   }
   public onGainChange(arg: any): void {
       return;