I think you are right but if i redirect to different tabs page it works perfectly. In my situation its not working with the last page.
is there any way how i can achieve what i want to do.
↧
Ionic 4 Tab to page then back to Tab did not trigger ionViewWillEnter
↧
V4 : back-button doesn't exit app [solved--Tutorial]
This worked for us. Thanks!!
↧
↧
Ionic app crashes on iOS after a while
I installed my app on Android and iOS. On Android it works. On iOS, the first day, everything works fine. Then suddenly, the app stopped working. When I launch it, It crashes immediately. I opened settings and I listed all apps installed in my device. My app doesn’t appear. It looks like iOS has deleted it somehow. I removed iOS platform, updated plugins, added it again, compiled and build my app. It worked for a while then the same problem appeared.
{
"name": "Foo",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/common": "^7.2.2",
"@angular/core": "^7.2.2",
"@angular/fire": "^5.1.2",
"@angular/forms": "^7.2.2",
"@angular/http": "^7.2.2",
"@angular/platform-browser": "^7.2.2",
"@angular/platform-browser-dynamic": "^7.2.2",
"@angular/router": "^7.2.2",
"@ionic-native/ble": "^5.8.0",
"@ionic-native/core": "^5.0.0",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/sqlite": "^5.4.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^4.1.0",
"@ionic/pro": "2.0.4",
"ajv": "^6.10.0",
"chart.js": "^2.8.0",
"cordova-android": "8.0.0",
"cordova-ios": "^5.0.1",
"cordova-plugin-ble-central": "1.2.2",
"cordova-plugin-compat": "1.2.0",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-ionic": "^5.3.0",
"cordova-plugin-ionic-keyboard": "^2.1.3",
"cordova-plugin-ionic-webview": "^3.1.2",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-sqlite-storage": "3.2.0",
"core-js": "^2.5.4",
"firebase": "^5.9.3",
"g": "^2.0.1",
"moment": "^2.24.0",
"rxjs": "^6.5.2",
"rxjs-compat": "^6.4.0",
"sharp": "^0.22.1",
"zone.js": "~0.8.29"
},
"devDependencies": {
"@angular-devkit/architect": "~0.12.3",
"@angular-devkit/build-angular": "~0.13.0",
"@angular-devkit/core": "~7.2.3",
"@angular-devkit/schematics": "~7.2.3",
"@angular/cli": "~7.3.1",
"@angular/compiler": "~7.2.2",
"@angular/compiler-cli": "~7.2.2",
"@angular/language-service": "~7.2.2",
"@ionic/angular-toolkit": "~1.4.0",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~10.14.2",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~8.0.0",
"tslint": "~5.12.0",
"typescript": "~3.1.6"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-whitelist": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-ionic-webview": {},
"cordova-plugin-ionic-keyboard": {},
"cordova-sqlite-storage": {},
"cordova-plugin-ble-central": {
"BLUETOOTH_USAGE_DESCRIPTION": " "
}
},
"platforms": [
"android",
"ios"
]
}
}
ionic version: 5.2.0
cordova version: 9.0.0 (cordova-lib@9.0.1)
↧
Unzip password protected ZIP
Hi @royibernthal
I have same use case to bundle the assets into a password protected ZIP .
Please share the approach or plugin you have used to accomplish this.
Please help me !!!
Appreciate your response.
↧
How to hide tabs when pushing a new page
so great!!! thank so muchhhhhh.
ใช่เลย!!! นี่แหละที่ต้องการ ขอบคุณมากค้าบบบบ
↧
↧
Ionic 4 Tab to page then back to Tab did not trigger ionViewWillEnter
Some Possible Solutions Can be
1.If on Edit Profile Page you are saving data on server once updation in profile done. Then you can access it again once you redirected to My account Page by calling api.
2.If its working with all pages then check router configurations
↧
Adding Ionic project with existing angular web app
To convert Angular app to Ionic App
1.Install Ionic CLI
2.you need to do changes in package.json if you are making it ionic
3.Then you need to do NPM install.
Then try
ionic serve and look for errors in console.
↧
Ionic 3 ItemReorder on long press
Hello Everyone,
I am creating an item reorder can anybody please help me i want to make that using long press on device.
Thanks For Your Response in advance
↧
Ionic lab screen see black at the android, ios screen
*pp.module.ts
import { NgModule } from ‘@angular/core’;
import { BrowserModule } from ‘@angular/platform-browser’;
import { RouteReuseStrategy } from ‘@angular/router’;
import { IonicModule, IonicRouteStrategy } from ‘@ionic/angular’;
import { SplashScreen } from ‘@ionic-native/splash-screen/ngx’;
import { StatusBar } from ‘@ionic-native/status-bar/ngx’;
import { AppComponent } from ‘./app.component’;
import { AppRoutingModule } from ‘./app-routing.module’;
import { HttpClientModule } from ‘@angular/common/http’;
@NgModule({
declarations: [AppComponent],
entryComponents: ,
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, HttpClientModule],
providers: [
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule {}
app-routing.module.ts
import { NgModule } from ‘@angular/core’;
import { PreloadAllModules, RouterModule, Routes } from ‘@angular/router’;
const routes: Routes = [
{ path: ‘’, redirectTo: ‘movies’, pathMatch: ‘full’ },
{ path: ‘movies’, loadChildren: ‘./pages/movies/movies.module#MoviesPageModule’ },
{ path: ‘movie/:id’, loadChildren: ‘./pages/movie-details/movie-details.module#MovieDetailsPageModule’ },
];
@NgModule({
imports: [
RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
],
exports: [RouterModule]
})
export class AppRoutingModule { }
movie.service.ts
import { HttpClient } from ‘@angular/common/http’;
import { Injectable } from ‘@angular/core’;
import { Observable } from ‘rxjs’;
import { map } from ‘rxjs/operators’;
export enum SearchType {
all = ’ ',
movie = ‘movie’,
series = ‘series’,
episode = ‘episode’,
}
@Injectable({
providedIn: ‘root’
})
export class MovieService {
url = ‘http://www.omdbapi.com/’;
apikey = ‘a39fbbdc’;
constructor(private http: HttpClient) { }
searchData(title: string, type: SearchType): Observable {
return this.http.get(’{this.url}?s={encodeURI(title)}&type={type}&apikey={this.apiKey}’)
.pipe(
map(results => {
console.log('RAW: ', results);
return results[‘Search’];
})
);
}
getDetails(id) {
return this.http.get(’{this.url}?i={id}&plot=full&apikey=${this.apiKey}’);
}
}
movies.page.ts
import { Component, OnInit } from ‘@angular/core’;
import { Observable } from ‘rxjs’;
import { MovieService, SearchType } from ‘…/…/services/movie.service’;
@Component({
selector: ‘app-movies’,
templateUrl: ‘./movies.page.html’,
styleUrls: [’./movies.page.scss’],
})
export class MoviesPage implements OnInit {
results: Observable;
searchTerm = ‘’;
type: SearchType = SearchType.all;
constructor(private movieSerivce: MovieService) { }
ngOnInit() {
}
searchChanged(){
this.results = this.movieSerivce.searchData(this.searchTerm, this.type);
}
}
movies.page.html
movies {{ item.Title}}↧
↧
Google+ Login (cordova-plugin-googleplus) alternative?
here is some good sites for Google+ Alternatives https://toptenalternatives.co/google-plus/
↧
Please open below link and help me
↧
Native plugin cordova camera v4
When adding cordova-camera plugin and try to build for android facing problem with the following error message…
Step 1: ionic cordova build android --debug
then the following error is displaying
Task :app:transformClassesWithMultidexlistForDebug FAILED
D8: Program type already present: android.support.v4.app.ActionBarDrawerToggle$Delegate
FAILURE: Build failed with an exception.
- What went wrong:
Execution failed for task ‘:app:transformClassesWithMultidexlistForDebug’.
com.android.build.api.transform.TransformException: Error while generating the main dex list:
Error while merging dex archives:
Learn how to resolve the issue at https://developer.android.com/studio/build/dependencies#duplicate_classes.
Program type already present: android.support.v4.app.ActionBarDrawerToggle$Delegate
[ERROR] An error occurred while running subprocess cordova.
cordova.cmd build android --debug exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.↧
Ionic app crashes on iOS after a while
These reason probaply is that your app runs into some kind of scripting error, maybe try debugging it and check the console for errors 
↧
↧
Change check status on selction itself
[{"mail":"XXXXXX@YYYYYY.com","checked":false},{"mail":"aaaa@ibbbbb.com","checked":false},{"mail":"xxxx@wwww.com","checked":false},{"mail":"qqqqqq@s.com","checked":false},{"mail":"a@s.com","checked":false},{"mail":"n@ico.com","checked":false},{"mail":"b@ethc.com","checked":false},{"mail":"s@sat.com","checked":false}]
promptAlertForReply() {
// this.showCheckbox();
let alert = this.alertCtrl.create();
// this.chatService.getIncludeLIst();
for (let i = 0; i < this.uniqueMails.length; i++) {
// alert.setTitle(receipeints);
alert.addInput({
type: 'checkbox',
label: this.uniqueMails[i].mail,
value: i.toString(),
checked: this.uniqueMails[i].checked
})
}
alert.addButton('Cancel');
alert.addButton({
text: 'Okay',
handler: data => {
for (let i = 0; i < data.length; i++) {
console.log('Checkbox data:', data[i]+ " email is "+this.uniqueMails[data[i]].mail);
this.unCheckArray(data);
this.receipeintsList = this.receipeintsList + this.uniqueMails[data[i]].mail+ ";";
}
// this.chatService.sendReply(this.editorMsg, this.receipeintsList, this.message[index].msgFrom,
// this.message[index].room, this.message[index].refId, this.message[index].tetraId,
// this.message[index].parentRefId);
}
});
alert.present();
}
This is my unCheckArray
unCheckArray(selectedIndexesList){
//making all list check status as false
for(var i=0;i<this.uniqueMails.length;i++){
this.uniqueMails[i].checked=false;
}
//making all list check status to true
for(var i=0;i<selectedIndexesList.length;i++){
this.uniqueMails[selectedIndexesList[i]].checked=true;
}
}
So is there any other best way to check and uncheck staus to maintan in array when alert is prompted
↧
Cannot read property 'hasOwnProperty' of undefined
can anyone tell me that it is not working in ionic 4 ? how to check whether particular key is available or not in response?
↧
Ionic input type=number decimal key resets input
Hello there! I’ve been developing in ionic 4, and this ‘bug’ is driving me crazy.
Ionic CLI 5.2.1
Angular 7.1.4
OS: Windows x64
Basically I put a ion-input type=“number” in HTML file of a page and when user clicks decimal button (’.’) input clears itself.
HTML Content:
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-menu-toggle>
<ion-button>
<ion-icon slot="icon-only" name="menu"></ion-icon>
</ion-button>
</ion-menu-toggle>
</ion-buttons>
<ion-title>Kasa Ekle</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-item>
<ion-label position="floating">Bakiye</ion-label>
<ion-input type="number" value="0"></ion-input>
</ion-item>
<ion-button expand="full" (click)="AddSafe()">Ekle</ion-button>
</ion-content>
Typescript Content:
import { Component, OnInit } from '@angular/core';
import { MbAcExchangeType } from 'src/app/classes/MbAcSafe';
import { Globals } from 'src/app/classes/Globals';
import { QuickToast } from 'src/app/classes/Helper';
import { ToastController } from '@ionic/angular';
import { Location } from '@angular/common';
@Component({
selector: 'app-add-safe',
templateUrl: './add-safe.page.html',
styleUrls: ['./add-safe.page.scss'],
})
export class AddSafePage implements OnInit {
public name : string;
public exchange : number;
public balance : number;
public get exchanges(): MbAcExchangeType[] {
return Globals.AppState.exchanges;
}
constructor(private toast : ToastController, private location : Location) { }
ngOnInit() {
}
AddSafe()
{
Globals.AppState.AddSafe(this.name, this.exchange, this.balance)
.then(() => {
QuickToast(this.toast, "Kasa eklendi!", 3000);
this.location.back();
})
.catch((e) => {
QuickToast(this.toast, "Kasa eklerken hata, programı yeniden başlatmayı deneyin.", 3000);
console.log(e);
})
}
}
I’ve also had another 2 inputs, but wanted to check if it works without them I deleted them.
This is the result:
As seen on gif, pressing dot key causes input to clear, but when input is empty it causes dots to appear. I used scrcpy for screencast, so I tried to write with keyboard. Tried to input 12.0 but it still resets, entering 12,0 works tho. I also deleted ngModel in order to test if that was causing anything, but it still does not work. Any help?
↧
Use of undeclared identifier 'FIRAnalyticsConfiguration'
did you manage to solve this ? I have the same problem
↧
↧
Anyone interested in sharing best practices/experience they've had so far with Ionic as a framework and Appflow as well?
Hey everyone, completely new here, so forgive me if I broke any of the rules this forum has 
I’m just trying to wrap my head around the framework and the apps that come along with it. Wanna figure out what are the best practices, benefits vs risks etc. when choosing Ionic route.
We are planning to move away from native mobile app development and switch to cross-platform. I’d love to have a quick chat around the topic with someone that has gone through this and has experience with the technology already 
Peace, from sunny Copenhagen 
↧
POST multipart/form-data in Ionic Native HTTP
I am not able to establish connection using HttpClient or any other api except native http that doesnot support form data. How can I use other api and establish successful connection? Here is my code and details Ionic native http post formdata
I have tried every solution I could find but to no result.
↧
Anyone interested in sharing best practices/experience they've had so far with Ionic as a framework and Appflow as well?
1.Before come to Ionic you should know . HTML , CSS and JavaScript
2.Then learn TypeScript and Latest version of Angular. Now React and Vue also supported.
3.Then you can start development in Ionic.
The best thing I liked about Ionic is it saves time of development.
As a Android Developer I was experienced this that showing list of items using API call is much easier in Ionic than Android.
↧