import { ChangeDetectorRef , Component } from '@angular/core' ; import { IonicPage } from '../../../../../..' ; @ IonicPage ( ) @ Component ( { templateUrl : 'root-page.html' } ) export class RootPage { defaultSearch : string = 'test' ; customPlaceholder : number = 2 ; defaultCancel : string = '' ; isAutocorrect : string = 'on' ; isAutocomplete : string = 'on' ; isSpellcheck : boolean = true ; activeTab = '' ; constructor ( private changeDetectorRef ) { } onClearSearchbar ( ev ) { console . log ( 'ionClear' , ev ) ; } onCancelSearchbar ( ev ) { console . log ( 'ionCancel' , ev ) ; } triggerInput ( ev ) { console . log ( 'ionInput' , ev ) ; } changedInput ( ev ) { console . log ( 'ionChange' , ev ) ; } inputBlurred ( ev ) { console . log ( 'ionBlur' , ev ) ; } inputFocused ( ev ) { console . log ( 'ionFocus' , ev ) ; } ngAfterViewInit ( ) { this . customPlaceholder = 33 ; this . defaultCancel = 'after view' ; this . changeDetectorRef . detectChanges ( ) ; } changeValue ( ) { this . defaultSearch = 'changed' ; } }