@phongbn96 wrote:
I have ionic app.It was writed by ionic3. Firstly , it run very good and fast but after use time, app run slowly and dont use any controller
Please help mee !
Posts: 1
Participants: 1
↧
App run slowly after use
↧
How to apply fix of later version ionic to previous version in project
@john33john33 wrote:
Problem:
Run into a ionic bug https://github.com/ionic-team/ionic/issues/12072 in 3.8.
However, solution mentioned not work.
Fix related released in 4.x and I would like to apply it in current project.Objective:
- Apply / copy code fix to local project
- Make ionic a local module to be install instead of official source.
- Other uses “npm install” would install the modified node module after pull source
Other Solution:
- Make a hook copy the fix each time building the project by replacing line.
But risk that any mis-replace would crash the project.Is there a official / recommended way to modify ionic?
(not upgrading ionic)Thanks
Posts: 1
Participants: 1
↧
↧
My app is full of bug on first launch and work normally on 2nd launch
@F4OST wrote:
Hi!
So I’m trying to export my application on the apple console and I succed to do it but I have a problem:
when I launch the app for the first time there are a lot of bugs (buttons not working, tap everywhere on the screen to could open the keyboard in a form, picture not displayed, etc…).
But when I kill it and open it again everything works perfectly! So I don’t understand what’s happening…
It all started when I started using XCode 10, before with the 9 I wasn’t having this problem.And I don’t have this problem on Android, only iOS when I test the application on Test Flight.
Env:
- MacOS Mojave 10.14.3
- XCode 10.1
- Cordova 8.1.2
- Ionic 4.10.3
Command I used to build:
ionic cordova build ios -- --buildFlag="-UseModernBuildSystem=0" -prod -release
Posts: 1
Participants: 1
↧
How to disable screenshot and screen recorder in our ionic 3 app?
@karthikaivel wrote:
Hi,
I have one ionic v3 application. I need to disable for users have tack screenshot and screen recording video.
How to disable that.Please give me a correct solution.
Thank you!.
Posts: 1
Participants: 1
↧
Side menu routing error
@nizalsha wrote:
ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: ‘main’
Error: Cannot match any routes. URL Segment: ‘main’.
Posts: 1
Participants: 1
↧
↧
No cordova plugin working with ionic-native for ionic3 ios project
@mayurbaldha wrote:
Current behavior:
None of plugins can be called from .ts files
for all plugins, If you call plugin it says
Ionic Native: tried calling StatusBar.styleDefault, but the StatusBar plugin is not installed.Expected behavior:
Plugins should work like mentioned at
Steps to reproduce:
No cordova plugin working with ionic-native for ionic3 ios project
use package.json as below{ "name": "HelloWorld", "version": "0.0.1", "author": "Ionic Framework", "homepage": "http://ionicframework.com/", "private": true, "scripts": { "start": "ionic-app-scripts serve", "clean": "ionic-app-scripts clean", "build": "ionic-app-scripts build", "lint": "ionic-app-scripts lint" }, "dependencies": { "@angular/animations": "5.2.11", "@angular/common": "5.2.11", "@angular/compiler": "5.2.11", "@angular/compiler-cli": "^7.2.6", "@angular/core": "5.2.11", "@angular/forms": "5.2.11", "@angular/http": "5.2.11", "@angular/platform-browser": "5.2.11", "@angular/platform-browser-dynamic": "5.2.11", "@ionic-native/core": "^4.20.0", "@ionic-native/device": "^4.20.0", "@ionic-native/file": "^4.20.0", "@ionic-native/file-chooser": "^4.20.0", "@ionic-native/file-opener": "^4.20.0", "@ionic-native/file-path": "^4.20.0", "@ionic-native/file-transfer": "^4.20.0", "@ionic-native/http": "^4.20.0", "@ionic-native/network": "^4.20.0", "@ionic-native/splash-screen": "^4.20.0", "@ionic-native/sqlite": "^4.20.0", "@ionic-native/status-bar": "^4.20.0", "@ionic/storage": "2.2.0", "cordova-android": "7.1.4", "cordova-ios": "4.5.5", "cordova-plugin-advanced-http": "2.0.4", "cordova-plugin-device": "2.0.2", "cordova-plugin-file": "6.0.1", "cordova-plugin-file-opener2": "2.2.0", "cordova-plugin-file-transfer": "1.7.1", "cordova-plugin-filechooser": "1.2.0", "cordova-plugin-filepath": "1.5.1", "cordova-plugin-ionic-keyboard": "^2.1.3", "cordova-plugin-ionic-webview": "^3.1.2", "cordova-plugin-network-information": "2.0.1", "cordova-plugin-splashscreen": "5.0.2", "cordova-plugin-statusbar": "2.4.2", "cordova-plugin-whitelist": "^1.3.3", "cordova-sqlite-storage": "3.1.0", "ionic-angular": "3.9.3", "ionicons": "3.0.0", "moment": "^2.24.0", "rxjs": "5.5.11", "sw-toolbox": "3.6.0", "zone.js": "0.8.29" }, "devDependencies": { "@ionic/app-scripts": "^3.2.2", "typescript": "~2.6.2" }, "description": "An Ionic project", "cordova": { "plugins": { "cordova-plugin-advanced-http": {}, "cordova-plugin-device": {}, "cordova-plugin-file": {}, "cordova-plugin-file-opener2": {}, "cordova-plugin-file-transfer": {}, "cordova-plugin-filechooser": {}, "cordova-plugin-filepath": {}, "cordova-plugin-network-information": {}, "cordova-plugin-splashscreen": {}, "cordova-plugin-statusbar": {}, "cordova-sqlite-storage": {}, "cordova-plugin-whitelist": {}, "cordova-plugin-ionic-webview": {}, "cordova-plugin-ionic-keyboard": {} }, "platforms": [ "android", "ios" ] } }Related code:
Other information:
Ionic info: (run
ionic infofrom a terminal/cmd prompt and paste output below):Ionic: ionic (Ionic CLI) : 4.10.3 (/usr/local/lib/node_modules/ionic) Ionic Framework : ionic-angular 3.9.3 @ionic/app-scripts : 3.2.2 Cordova: cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 7.1.4, ios 4.5.5 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 11 other plugins) System: ios-deploy : 1.9.4 NodeJS : v10.15.0 (/usr/local/bin/node) npm : 6.7.0 OS : macOS Mojave Xcode : Xcode 10.1 Build version 10B61
Posts: 1
Participants: 1
↧
How to fix my ion badge for cart is not updating in real time and requires navigation from other pages to be updated?
@aditbharadwaj wrote:
whenever i add any product in the cart, the shopping cart icon doesn’t update in real time to show that a product is added but needs a refresh of the view by navigating to any other page and coming back then only the ion -badge value is set 1.
<button ion-button icon-only (click)="cart()"> <ion-icon name="cart"></ion-icon> <ion-badge id="notifications-badge" style="font-size:1rem" *ngif="ccount">{{ccount}}</ion-badge> </button> //SETTING CART LENGTH this.storage.get('products').then((data) => { if(data != null) this.ccount = data.length; else this.ccount = 0; }); //code after pressing the add to cart button showAlert() { let alert = this.alertCtrl.create({ title: 'Product Added!', subTitle: 'Added To Cart Successfully!', buttons: ['OK'] }); this.updateStorage(this.productdetail).catch(reason = console.error(reason)); alert.present(); this.changeDetector.detectChanges(); }
Posts: 1
Participants: 1
↧
Ionic4 : Multiple directories under webdriver-js-extender
@jaroc wrote:
Hello,
I am using the version4, and I think there is tiny “bug” when the “built” directory is created after each call of the server.
I haveIonic:
_ ionic (Ionic CLI) : 4.10.3 (C:\Users\papa\AppData\Roaming\npm\node_modules\ionic)_
_ Ionic Framework : @ionic/angular 4.0.1_
_ @angular-devkit/build-angular : 0.12.4_
_ @angular-devkit/schematics : 7.2.4_
_ @angular/cli : 7.2.4_
_ @ionic/angular-toolkit : 1.4.0_Cordova:
_ cordova (Cordova CLI) : 8.0.0_
_ Cordova Platforms : none_
_ Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 5 other plugins)_System:
_ NodeJS : v8.11.4 (C:\Program Files\nodejs\node.exe)_
_ npm : 5.6.0_
_ OS : Windows 10_I observe that the directory tree :
C:\Users…\Brucal_Ionic4_etape6\node_modules\webdriver-js-extender**built\built\built\built\built\built\built\built\built\built\built\built\built\built\built\built\spec\command_tests
become creasy .
It doesn’t hurt but it will certainly endup with a problem.This message is for IONIC developper .
Thanks
Posts: 1
Participants: 1
↧
Ionic3 document is not working
↧
↧
Ionic 4 - buttons in modal not firing click
@adr9-9 wrote:
Hi,
I have been working on an Ionic 4 app based on ngx-rocket. The framework is really impressive (both Ionic and ngx-rocket) and nice to work with, however for the past week I’ve been wasting time on a small problem that stops my progress, and I have no clue as to its solution. This problem halts all development and I need to figure it out fast.I have a Modal window with an angular-cropper element and a toolbar with ‘dismiss’ and ‘apply’ buttons. Everything works great in Android and on browsers (chrome, FF and safari), but only on iPhone devices (tested on 5,7,8+), the buttons don’t fire the click event. Actually, any button or clickable element I place on the page, in header, footer, toolbar or in the content, above, below the cropper, or even absolute positioned overlay on top of it, does not work, and only on iPhone devices. The cropper element on the modal is working fine.
Furthermore, the buttons are accessible and clickable - in the inspector I can see the click - I see classes shift on the button elements when clicking on them. But for some reason, no click events are sent to the app, and the click handlers are not running. If I remove the angular-cropper element, buttons works fine.
I’ve tried converting the modal into a popover, but had similar results (buttons not firing click events).
The one thing I haven’t tried is setting up a full blown routed page for the crop, but this is not an acceptable solution, design wise.I’ve also created a small ionic side menu test app with a similar page and modal, but everything works great there, so this is not an issue with the cropper not being supported by Ionic on a modal.
What am I missing? Is there a module I’m not importing?
Is it an Ionic syntax error by my part?
Is this a bug in the framework, since it only happens on iPhone devices (not even safari)?Here is the modal’s html:
<ion-header color="c-dark-gray" no-border> <ion-toolbar no-padding color="c-dark-gray"> <ion-buttons slot="start"> <ion-button fill="clear" no-margin no-padding text-center (click)="dismiss()"> <ion-icon slot="icon-only" name="close" color="light"></ion-icon> </ion-button> </ion-buttons> <ion-title translate color="light">Move and Scale</ion-title> <ion-buttons slot="end"> <ion-button fill="clear" no-padding no-margin (click)="apply()"> <ion-text translate color="c-orange" text-uppercase>Apply</ion-text> </ion-button> </ion-buttons> </ion-toolbar> </ion-header> <ion-content color="c-dark-gray"> <ion-grid no-padding no-margin> <ion-row> <ion-col no-padding no-margin> <angular-cropper #cropper *ngIf="_image" [cropperOptions]="_cropperjsSettings" [imageUrl]="_image" [ngClass]="{'round-cropper': _round}"></angular-cropper> </ion-col> </ion-row> </ion-grid> </ion-content>The code for opening the modal:
async cropBanner(ev: any) { const modal = await this.modal.create({ component: ModalImageCropComponent, componentProps: { event: ev, ratio: 310.0 / 80.0 }, showBackdrop: false }); modal.onDidDismiss() .then((evMod: OverlayEventDetail<any>) => { this._bannerInput.getInputElement() .then((val: HTMLInputElement) => { log.debug('resetting input'); val.value = null; }); }); await modal.present(); }And the modal’s ngModule declaration:
@NgModule({ declarations: [ ModalImageCropComponent ], exports: [ ModalImageCropComponent ], entryComponents: [ ModalImageCropComponent ], imports: [ CommonModule, IonicModule, AngularCropperjsModule ] })Please help,
Thanks!
Posts: 1
Participants: 1
↧
Does this fix in ionic 4 [virtual scroll with filter]
@indraraj26 wrote:
if you type so fast then erase everything from searchbar you will get blank page
if you scroll down to bottom and search for first 10 item you wont get that in filteri tried ngx-virtual-scroller too but it is not working with filter application gets hanged
Posts: 1
Participants: 1
↧
Ionic 4 android app stuck on white screen
@iyashsoni wrote:
Hello all, I am trying an Ionic 4 app with
"cordova-plugin-ionic-webview": "4.0.0",and I am facing the blank white screen issue on Android Platform only.Now the scenario is,
The app starts and we make a loadUrl call to CordovaActivity with this parameterfile:///android_asset/www/index.html
This works fine.But then, we download some web resources and put into path
/data/user/0/io.ionic.starter/no_backup/www/
Next, we reload the app and try to load the new file with URLfile:///data/user/0/io.ionic.starter/no_backup/www/index.htmlHere is when we hit the blank white screen. Any help is appreciated.
Thanks.
Posts: 1
Participants: 1
↧
Iframe with video content inside ion slides not working
@deepakkj wrote:
I have iframe inside innerhtml which is inside ion-slide. When i open the slide the video player auto plays and when the user reaches the video player containing slide the video plays again thus resulting in single video playing twice without user interaction. Anyone can resolve this?
Posts: 1
Participants: 1
↧
↧
Render text into an image
@APrince wrote:
Hello, I am still new to web technologies and basically what I need to do now is render some text into and image and send that image somewhere. Basically I need to generate an image and it would be nice if I could use the common web techniques to do it. Sort of like doing a screenshot of a certain div. The final image should only contain some text. Also the result should be created off-screen. Any ideas?
Thanks
Posts: 2
Participants: 2
↧
Alert- if do not press alert button go to a page
@lunneyd wrote:
Is there a way to send a person to a page etc if alert button(s) are not pressed after a certain timeout.
I know how to send people to a page if they do press the buttons but want to send people people to a page if they do not press alert button after a certain time.
Posts: 1
Participants: 1
↧
forEach is not a function
@MOHANTHANGARAJ wrote:
this.cart = this.aggregateCart(‘cart’);
aggregateCart = (cart) => {
let newCart = ;
cart.forEach(function(item) {
if(newCart.indexOf(item) < 0) {
newCart.push(item);
}
});
return newCart;
}
i have initialized this in constructor and i intend to use this function to aggregate my cart elements but the error is shown like this “”
Posts: 1
Participants: 1
↧
How to change background color of side menu in ionic4
@demokumar wrote:
I want to change background color of the side menu I apply background color to ion-content which is inside menu but it not works
Posts: 1
Participants: 1
↧
↧
Replacement for PhotoViewer?
@Topyz wrote:
Hi everyone,
So I’ve built an app with Ionic v4, and integrated the camera to take photos. Then i save them as Thumbnails.When the user presses the thumbnail i want to open the image on full screen. I’ve used Photo Viewer and works when I install the dev apk.
But when I build the final version, jarsigner , zipalign the apk and upload it to play store, the app crashes when I load the PhotoViewer page.
If I remove all the photoviewer code, the app on the Play Store works correctly.
Is there any other plugin that does the same effect?
Posts: 1
Participants: 1
↧
Error while refusing the transition
@Rudeblory wrote:
When using version 3.2.0, Ioniс wants to transfer me to the latest version, in case of failure, an error appears and nothing else happens.
Posts: 2
Participants: 2
↧
Ionic 4 In ion-select i want hide default icon add my png down icon
@baraniraja20 wrote:
I am trying hide default icon below code but cant work please let me know.how to hide this.
.select-icon {
.select-icon-inner {
display: none !important;
}
}
Posts: 1
Participants: 1
↧