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

floating labels

Browse Source
This commit is contained in:
Adam Bradley
2015-09-04 12:37:20 -05:00
parent b44c46dc59
commit f60084f16e
7 changed files with 120 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -57,6 +57,14 @@ export class TextInputElement {
get hasFocus() {
return dom.hasFocus(this.elementRef);
}
/**
* Whether the input has a value.
* @returns {boolean} true if the input has a value, otherwise false.
*/
get hasValue() {
return (this.elementRef.nativeElement.value !== '');
}
}
/**
@ -75,6 +83,7 @@ export class TextInputElement {
'(^touchend)': 'pointerEnd($event)',
'(^mouseup)': 'pointerEnd($event)',
'[class.has-focus]': 'inputHasFocus',
'[class.has-value]': 'inputHasValue',
'[tabIndex]': 'activeTabIndex',
'class': 'item'
}
@ -404,6 +413,10 @@ export class TextInput extends Ion {
return !!this.input && this.input.hasFocus;
}
get inputHasValue() {
return !!this.input && this.input.hasValue;
}
get activeTabIndex() {
this.input.tabIndex = (this.inputHasFocus ? 1000 : -1);
return -1;