I was a newbie and had created a mobile application around 2 years ago based on the latest ionic framework at that time (ionic-v3). I wish to make changes in the same application instead of migrating it to the latest ionic due to too many code changes. I fail to remember the version of the node framework that I used since I upgraded it later. Can someone please guide me with the best environment setup for ionic v3 for ex : the version of node to be installed that goes with ionic v3 (the latest version of node gives me some problems with ionic-3) etc. Any small help will be greatly appreciated.
↧
Ionic SetUp
↧
Cannot scroll, tilt, rotate and zoom the map after setting visibility of Markers or Circles on the map
I use ionic-native google-maps. When I click a button to set some Marker and Circle visible, they become visible but the gesture of the map is not functional properly. I can only drag the map upwards but cannot drag to other directions unless I leave the page and enter the page again. How can I solve it?
cordova plugin list
cordova-plugin-autostart 2.3.0 "Autostart"
cordova-plugin-background-mode 0.7.3 "BackgroundMode"
cordova-plugin-ble-central 1.2.4 "BLE"
cordova-plugin-browsertab 0.2.0 "cordova-plugin-browsertab"
cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-device 2.0.3 "Device"
cordova-plugin-geolocation 4.0.2 "Geolocation"
cordova-plugin-googlemaps 2.6.2 "cordova-plugin-googlemaps"
cordova-plugin-inappbrowser 3.2.0 "InAppBrowser"
cordova-plugin-ionic-keyboard 2.2.0 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 4.1.3 "cordova-plugin-ionic-webview"
cordova-plugin-nativestorage 2.3.2 "NativeStorage"
cordova-plugin-splashscreen 5.0.3 "Splashscreen"
cordova-plugin-statusbar 2.4.3 "StatusBar"
cordova-plugin-whitelist 1.3.4 "Whitelist"
cordova.plugins.diagnostic 5.0.1 "Diagnostic"
↧
↧
Ionic select not select the already selected option
I have the following piece of code of ion-select
<ion-select
placeholder="Select Device"
interface="popover"
[compareWith]="compareFn"
(ionChange)="selectedDevice($event)"
>
<ion-select-option value="0" selected>All</ion-select-option>
<ion-select-option
*ngFor="let device of Devices"
value="{{device.id}}"
>
{{device.name}}
</ion-select-option>
</ion-select>
And the compare function as follows;
compareFn(e1, e2): boolean {
return e1 && e2 ? e1.deviceId == e2.deviceId : e1 == e2;
}
Now, this selection is in my home page, once I select a device selectedDevice will execute fine and goes to the details page.
Now when I click the back button and comes to the home page, I can see that all devices are shown, and when I try to select the last pre-selected option, I am not able to execute the selectedDevice function?
But if I change my option to another one, then the function executes perfectly.
What am I doing wrong?
Please help me.
↧
IONIC keeps saying the plugin is not installed
Hello @severusken, Did you solve your problem because I had the same problem?
↧
Ionic 4+ Angular: search-icon in ion-searchbar and toolbar is misaligned with onfocus-event
↧
↧
Popover always positioned at the center of the current view
it work with the new ionic 4 version like that
// note that i handle btn click in html view like that
<ion-chip (click)="OpenSettings($event)">
<ion-label>dddd</ion-label>
</ion-chip>
async OpenSettings(ev: any) {
const popover = await this.popoverController.create({
component: SettingComponent,
event: ev,
cssClass: 'popover_class',
});
return await popover.present();
}
↧
Tabs Routing Module Error
Hi.
I am new to ionic and I am trying to display a page within a tab, but when I run ionic serve I get the following error:
core.js:9110 ERROR Error: Uncaught (in promise): Error: Cannot find module 'src/app/pages/home/home.module'
Error: Cannot find module 'src/app/pages/home/home.module'
In my TabPage:
loadChildren:'src/app/pages/home/home.module#HomePageModule'
I tried changing loadChildren to component in my tab-routing.module.ts but it doesn’t work. Also place declarations: [NavigationPage] but it doesn’t work either.
Thank you
↧
How to implement QR scanner in ionic 2.2.1
I want to know the process and code to implement QR scanner in ionic 2.2.1 version to scan Barcode to play videos in-app browser.
↧
Ionic 4: Mobile Website // Brower Support on Mobile Devies
Hi Everyone,
I am developing a mobile website, my client is asking which mobile phone versions are supported “out of the box” (i.e. with the preinstalled browser).
I am aware of https://ionicframework.com/docs/intro/browser-support, but the page does not answer my question, at least not directly.
Here are my assumptions - is someone in this forum able to validate that (ideally someone from the Ionic Core Team)?
-
It’s not possible to say which mobile devices “work out of the box” (due to the amount of devices, it is unclear which browser is installed)
-
The mobile website will render correctly on all devices that support a current version of Google Chrome (and that currently is Android 4.4+, iOS 10+)
-
If Google Chrome is currently not installed on the device, my client’s customers would need to install it.
Looking forward to hearing from you,
P.
↧
↧
Medical Colleges in Russia
Check out the list of Best Medical Colleges in Russia.
↧
Ionic iOS Build Error XCode Undefined symbols
I have same problem. I put my custom static library in plugin framework. Then get this error.
↧
Ionic 4: json_decode() is not working
Problem:
App is working just fine on android but as soon as we tried to prepare the build for ios it stopped working, so more or less the api is responding to RAW JSON [specially in case of ios].
PHP code:
after searching for days I came to know that in case of android we send form-data while in case of ios we send RAW data and that is the issue.
when used json_decode(), it actually solved the issue on ios front but the android app stopped working, so I am back to square one.
ionic code
home.ts file where I call the api
service file
http.service.ts
I need a solution so that one code base can be used for both android and ios
Thank you in advance
VN
↧
Tabs Routing Module Error
@FredyVzq! You may find your solution for this error in stackoverflow here:
↧
↧
Expected 2 arguments, but got 1
I was facing this problem
Expected 2 arguments, but got 1.
[ng] 23 @ViewChild(IonInfiniteScroll) infiniteScroll: IonInfiniteScroll;
It was solved adding the second parameter.
Before
@ViewChild(ChildDirective) Component
After
@ViewChild(ChildDirective, {static: false}) Component
↧
[URGENT] ITMS-90809: Deprecated API Usage
As of today, they are rejecting all new app submissions. Here is an easy workaround by Ionic.
↧
Expected 2 arguments, but got 1
This is a required parameter starting from Angular 8
↧
Is it really possible to create food delivery driver app like uber with ionic
The on-demand food delivery sector is one prominent industry and it is making huge profits. The business and revenue generation model of ubereats clone is helps food delivery startups to get more revenue over a short period.
If you are also an entrepreneur who wishes to launch a food delivery business? Then, without any hesitation, you can go for Ubereats clone. The main advantage of this clone app is highly customizable so you can tweak it as per your business requirements.
↧
↧
Struggling to run ionic 3 on windows (UWP) after adding SQLite
Just in case anyone stumbles across this…
I managed to get around this by uninstalling Visual Studio, Visual Studio Installer, Visual Studio Code, all instances of Visual C++, .NET Core, and manually deleting all instances of ‘Microsoft Visual Studio’ or ‘Visual Studio’ or ‘vs’ or ‘NuGet’ in AppData/Local, AppData/Roaming, and Program Files etc… then a restart and a fresh install of Visual Studio Community 2017… which is tricky to find now. I’m pretty sure VS2019 doesn’t work with cordova-windows at the time of writing this.
I’m not sure if it was all necessary, but you can understand the pain. I tried everything.
Works now, waaaaaay
↧
[URGENT] ITMS-90809: Deprecated API Usage
No, they are not rejecting apps yet, those are the official dates:
April 2020: New apps
December 2020: Existing apps
↧
How to define scss for a border in toggle-inner in ionic 4?
How to define scss for a border in toggle-inner in ionic 4?
↧