Posts

Showing posts from April, 2018

*ngIf hide show

Image
html  <ion-header #head>   <ion-navbar>     <ion-title *ngIf="!isOn">Offers</ion-title>     <ion-searchbar (input)="getItems($event)" *ngIf="isOn" placeholder="Search your offers"></ion-            searchbar>     <ion-buttons end *ngIf="!isOn" (click)="toggleON()">       <button ion-button icon-only>         <ion-icon name="ios-search-outline"></ion-icon>       </button>     </ion-buttons>     <ion-buttons end (click)="presentPopover($event)">       <button ion-button icon-only>         <ion-icon name="ios-pin-outline"></ion-icon>       </button>     </ion-buttons>   </ion-navbar> </ion-header> page.ts   pri...

Fix Splash Screen White Screen

Image
Install the plugin and the Ionic-Native wrapper: ionic plugin add cordova-plugin-splashscreen npm install --save @ionic-native/splash-screen Amend 'config.xml': <preference name="SplashMaintainAspectRatio" value="true"/>   <preference name="SplashScreen" value="screen"/>   <preference name="SplashScreenDelay" value="30000"/>   <preference name="AutoHideSplashScreen" value="false"/>   <preference name="SplashShowOnlyFirstTime" value="false"/>   <preference name="FadeSplashScreen" value="false"/>  Import SplashScreen in your 'app.module.ts' providers section: import { SplashScreen } from '@ionic-native/splash-screen'; @NgModule({   declarations: [...]   imports: [IonicModule.forRoot(MyApp)],   bootstrap: [IonicApp],   entryComponents: [...],   providers: [Splas...