javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(text-input): added the form ng control status classes to ion-input

Browse Source 
references #678
This commit is contained in:
Brandy Carney
2015-12-02 19:27:44 -05:00
parent ba5b863d1e
commit 6cba1b0f89
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ionic/components/text-input/text-input.ts
View File

@ -48,7 +48,13 @@ import {Platform} from '../../platform/platform';
'(touchstart)': 'pointerStart($event)',
'(touchend)': 'pointerEnd($event)',
'(mouseup)': 'pointerEnd($event)',
'class': 'item'
'class': 'item',
'[class.ng-untouched]': 'addNgClass("ng-untouched")',
'[class.ng-touched]': 'addNgClass("ng-touched")',
'[class.ng-pristine]': 'addNgClass("ng-pristine")',
'[class.ng-dirty]': 'addNgClass("ng-dirty")',
'[class.ng-valid]': 'addNgClass("ng-valid")',
'[class.ng-invalid]': 'addNgClass("ng-invalid")'
},
template:
'<div class="item-inner">' +
@ -87,6 +93,14 @@ export class TextInput {
this.keyboardHeight = config.get('keyboardHeight');
}
/**
* @private
* This function is used to add the Angular css classes associated with inputs in forms
*/
addNgClass(className) {
return this.input.elementRef.nativeElement.classList.contains(className);
}
/**
* @private
*/