@bandito wrote:
In Ionic 3 I used to use the normalizeURL method but that has been deprecated for Ionic 4. Any equivalents to resolve this issue? I tried the Angular DomSanitizer with no luck.
Posts: 2
Participants: 2
↧
Ionic Native Camera - Can't read from Native uri
↧
Network issue in ionic 3
@hg8200 wrote:
I am using ionic 3, i install Network plugin to check Network connection
But when i am using its method it gives me error.
ERROR Error: Uncaught (in promise): TypeError: Object(...) is not a function TypeError: Object(...) is not a function at Network.onConnect (index.js:62) at new HomePage (home.ts:13) at createClass (core.js:12483) at createDirectiveInstance (core.js:12326) at createViewNodes (core.js:13784) at createRootView (core.js:13673) at callWithDebugContext (core.js:15098) at Object.debugCreateRootView [as createRootView] (core.js:14381) at ComponentFactory_.create (core.js:11278) at ComponentFactoryBoundToModule.create (core.js:4030) at c (polyfills.js:3) at Object.reject (polyfills.js:3) at NavControllerBase._fireError (nav-controller-base.js:223) at NavControllerBase._failed (nav-controller-base.js:216) at nav-controller-base.js:263 at t.invoke (polyfills.js:3) at Object.onInvoke (core.js:4760) at t.invoke (polyfills.js:3) at r.run (polyfills.js:3) at polyfills.js:3and the code in ts file is-
import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { Network } from '@ionic-native/network/ngx'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { constructor(public navCtrl: NavController,private network: Network) { this.network.onConnect().subscribe(() => { console.log('network connected!'); setTimeout(() => { if (this.network.type === 'wifi') { console.log('we got a wifi connection, woohoo!'); } }, 3000); }); } }
Posts: 1
Participants: 1
↧
↧
[ionic4] How to make multi-lingual and add arabic support
@pantarmj wrote:
How to make ionic mobile app multi-lingual ? How to add arabic support and make ui according to arabic culture (right to left)? Currently I am using angular 7 with ionic 4.
Help plzzz
Posts: 1
Participants: 1
↧
How to use rating star in ionic 4?
@demokumar wrote:
I want to use rating star in my ionic 4 android app I try all ways which is worked in ionic 3 but in ionic 4 it’s not working gives errors
Posts: 3
Participants: 2
↧
Ionic 3 Push Notification
@OliverPrimo wrote:
Hello Everyone,
Is there a complete tutorial or demo about implementing push notification in ionic 3 with mysql database on my server?
Thank you in advance
Posts: 1
Participants: 1
↧
↧
Page position resets on removing photos
@robertLee wrote:
Within my app I have a screen where images are displayed to the user in a scroll able list. The user has the option to remove photos from the list and thus splicing them from its underlying array. However when this is done on an iOS device the user is scrolled back to the top of the page whenever the array gets spliced making the interaction look rather clunky. On Android this isn’t an issue and the position of the view is maintained.
The array holds file paths to the users local file system from which the images are read and displayed within a regular img tag iterating over them using a ngFor.
Does anyone have an idea what might trigger this behavior and have a possible solution for this?
Thanks.
Posts: 1
Participants: 1
↧
About Ionic List
@apeksha07 wrote:
I want to create ionic list having multiple text (like name ,address etc.) in each row please help me how it is possible
<ion-item *ngFor=“let groceries of groceries”>{{groceries}}
Posts: 1
Participants: 1
↧
Google plus api is shut down there is any option for google login
@rajputsachin wrote:
google plus api is shut down there is any option for google login.
Posts: 4
Participants: 2
↧
Ionic 4 Modal Not Showing
@HeyItsMatty wrote:
Hi All,
So i’ve been looking at the docs for ionic 4 (specifically the modal controller) and they are exceptionally sparse compared to the ionic 3 docs.
Therefore on my ventures across google i’ve been looking for how to make a modal show, as it is not working in my project at all.
My steps so far:
Generate a new component:
ionic g component modules/qr-scanner-modalThen i’ve imported said component into my app.module.ts file as follows:
@NgModule({ declarations: [AppComponent, QrScannerModalComponent], entryComponents: [QrScannerModalComponent], ... });Then ran the modal code as normal: (on another page)
import { QrScannerModalComponent } from '../modals/qr-scanner-modal/qr-scanner-modal.component'; import { ModalController } from '@ionic/angular'; ... constructor(private modalController: ModalController) { } ... async showModal() { const modal = await this.modalController.create({ component: QrScannerModalComponent }); return await modal.present(); }I have also tried creating a page and putting it in the app.module.ts’s imports section and calling it that way, as well as moving the modal component from the app.module.ts and putting it into the module of the page i’m calling it from.
Most of the time there is no error, but upon inspection via the chrome dev tools, just before the tag when i press a button to load the modal the following code appears:
<ion-modal-controller class="hydrated"></ion-modal-controller>Which to my understanding means that the modal controller is working as it should be, however my screen still shows no modal.
I’ve checked all my SASS files to make sure no CSS is interrupting the modal showing, but it doesn’t seem to be.
I’ve also noticed many other users having the same issue with no fixes really in sight. Has anyone found a solution to this problem?
Kind Regards,
Matt
Posts: 1
Participants: 1
↧
↧
Getting ion input value on typing
@MOHANTHANGARAJ wrote:
i want to get values on ion input and calculate the total based on the input value. the total must change if there is any change in the input values on the ion-input
<ion-input [(ngModel)]=“info.collectedamt3” name=“collectedamt”
type=“text” >
<ion-input [(ngModel)]=“info.collectedamt2” name=“collectedamt”
type=“text” >
<ion-input [(ngModel)]=“info.total” name=“collectedamt”
type=“text” >i want to display total based on the 1st two input values
a little help is greatly needed
thankyou
Posts: 1
Participants: 1
↧
How to create ionic 3 project.....not 4
@pdj wrote:
Hello
I recently haven’t started new ionic project
and now I just try to start new ionic project so, I typed on cmd that ionic start newproject blankbut the result was quite different than before. I think it’s ionic 4…then, How can I build ionic3 project…not 4?
Posts: 3
Participants: 3
↧
Ion-select-option not updating
@anandvardhan1991 wrote:
I have two drop downs. Both using ion-select-option to show the list.
HTML Part:<form [formGroup]="sampleFormGroup"> <ion-row class="form-group"> <ion-col> listToBeUpdated: </ion-col> <ion-col> <ion-select class="form-control myCustomSelect" formControlName="listToBeUpdated" *ngIf="sampleList"> <ion-select-option *ngFor="let sampleListItem of sampleList" [value]="sampleListItem">{{sampleListItem}}</ion-select-option> </ion-select> </ion-col> </ion-row> <ion-row class="form-group"> <ion-col> listOnWhichItDepends: </ion-col> <ion-col> <ion-select interface="popover" class="form-control myCustomSelect" formControlName="listOnWhichItDepends"> <ion-select-option *ngFor="let dummyListItem of dummyList" [value]="dummyListItem">{{dummyListItem}}</ion-select-option> </ion-select> </ion-col> </ion-row> </form>Component Part:
sampleFormGroup: FormGroup; sampleList: Array<number>; dummyList: Array<number>; constructor(private navCtrl: NavController, private fb: FormBuilder) {} ngOnInit() { this.sampleList = new Array<number>(); this.dummyList = new Array<number>(10, 20, 30, 40); for(let i = 0 ; i < 10 ; i++){ this.sampleList.push(i); } this.sampleFormGroup = this.fb.group({ listToBeUpdated: [this.sampleList[0], [Validators.required]], listOnWhichItDepends: [this.dummyList[0], [Validators.required]] }); this.formControlUpdated(); } formControlUpdated() { this.sampleFormGroup.controls['listOnWhichItDepends'].valueChanges.subscribe(listOnWhichItDependsUpdated => { this.sampleList = new Array<number>(); for (let i = 0 ; i < listOnWhichItDependsUpdated ; i++) { this.sampleList.push(i); } this.setListToBeUpdated = this.sampleList; }); }Expected Behavior: if “listOnWhichItDepends” changes the list shown on UI “listToBeUpdated” should be updated.
Encountered Behavior with Ionic 4 : Selected “listOnWhichItDepends” to be 10. The “sampleList” should show only 10 on the UI as list. But it now showing the previous list and not updating when the array updates.
On Ionic 3 (ion-options) it is working fine. But giving issue when ion-select-option is used.
Please have a look into this issue.
Thanks in Advance.
Posts: 1
Participants: 1
↧
IONIC geolocation run slowly in Android
@phongbn96 wrote:
I am using ionic/geolocation. It works well on web and IOS, but in Android it takes a very long position, takes about 10 seconds
Please help me !!
Posts: 1
Participants: 1
↧
↧
Transferring large buffer between native and JS is too slow
@schngrg wrote:
Trying to send 54MB text data between native and JS (using cordova plugin) takes around 3 seconds on iPhone6. And it takes around 5 seconds to send same 54 MB data back from JS to Native. This is with wkwebview.
Has anyone tried transferring large amount of data between Native and WebView? Any ideas on why its so slow and what else can be tried that can be faster?
I was hoping it shouldn’t take more than 50-100 ms just to copy over a buffer, 3-5 seconds is way too slow to be usable. My guess is that it could be due to evaluateJavaScript trying to ‘compile’ the 54 MB string, even though its all in “quotes” in a JSON object. It is even more surprising why didReceiveScriptMessage would take even longer.
Any clues, suggestions, ideas etc will really help - How to transfer 100 MB+ data super fast between native and JS layers?
Posts: 1
Participants: 1
↧
Problen with diagnostic and geolocation on Android +6
@Jalvarez05 wrote:
hello guys.
I am trying to getcurrent position using geolocation and diagnostic , but it doesnt function well on android device +6 .
I’ve used observables to achieve that :
>this._gps.diagnosticGPSFlatMap()
.flatMap(res => {
if (res)
{
let options={ maximumAge: 3000, timeout: 5000, enableHighAccuracy: true };
return Observable.fromPromise(this.geolocation.getCurrentPosition(options));
}
else
return Observable.throw(“errorGPSEnabled”);
})
.flatMap(res => {
this.lat = res.coords.latitude;
this.lng = res.coords.longitude;
return this.callObservablesToPrintMap();
})
.subscribe(results => {
alert(“PRINT MAP WITH MY POSITION”)
}, error => {
alert(“ERROR”+JSON.stringify(error));
this.showMap = false;
console.log(“ERROR” + JSON.stringify(error))
if (error === “errorGPSEnabled”) {
this.activateGPS()
} else if (error === “appLocationDenied”) {
this.navCtrl.pop().then(() => this.diagnostic.requestRuntimePermission(this.diagnostic.permission.ACCESS_FINE_LOCATION))
.then(()=>console.log(“OK”))
.catch(error=>console.log(error));
}
})My service is :
diagnosticGPSFlatMap(): Observable {
let locationAuthObs = Observable.fromPromise(this.diagnostic.isLocationAuthorized());
let locationEnabledObs = Observable.fromPromise(this.diagnostic.isLocationEnabled());return locationAuthObs .flatMap(res => { if (res) return locationEnabledObs; else return Observable.throw("appLocationDenied") }) .catch(error => { return Observable.throw(error) });}
I’ve control if app location authorized is ok and if Gps is enable.And I’ve catched errors to user turn on GPS or the app show alert to authorize app gps.
On android +6 I am getting error : {}
On android -6 , it function well
Could someone help me ?
Posts: 1
Participants: 1
↧
Set Max Year on ionic datetime don't refresh month
@ravo93 wrote:
I need to set max date on ionic dateTime (ISOString es: 2021-03-05T16:49:39.197+01:00), When I change year going back (es:2019), it don’t show all month, but only January february and march.
How can I show all the remaining months?Html example
<ion-datetime max="2021-03-05T16:49:39.197+01:00"></ion-datetime>This is what I see on my program:
Posts: 1
Participants: 1
↧
Same header and footer for all app ionic 4
@fsergio wrote:
Hello!, i am noob ionic developer.
I need make one app, with single header and footer. Into one page in ionic 4
Example:
-header
- N-1 Pages here!
-footer
I need about make inherit pages into pages.
In angular 4.xxx is really easy.
Posts: 1
Participants: 1
↧
↧
How to dismiss the ion-loading?
@raz-ride4you wrote:
From the official Ionic docs:
[https://ionicframework.com/docs/api/loading](See it here)async function presentLoading() { const loadingController = document.querySelector('ion-loading-controller'); await loadingController.componentOnReady(); const loading = await loadingController.create({ message: 'Hellooo', duration: 2000 }); await loading.present(); }That’s great. How to dismiss it programatically?
Posts: 1
Participants: 1
↧
Failed to load resource pointed in script tag in src/index.html
@ferreat wrote:
Hi,
I am trying to integrate a payment platform (Culqi) in my Ionic application. According to the docs, I have to include the following in src/index.html at the end of the body:< script src=“https://checkout.culqi.com/js/v3” ></ script >
That loads the Culqi Checkout JS library on board. My App is able to successfully use the library and its methods on the web (localhost) and on an Android device. On an iOS device the App won’t be able to load the library. I can see an error in the Safari web inspection console:
Failed to load resource: the server responded with a status 404 ()
https://checkout.culqi.com/js/culqijs.min.js.mapWhat is interesting here is that the App after the build process for iOS seems to have changed the URL from where it should retrieve the library. I don’t know whether the /v3 at the end of the URL has something to do with it. For the record, if you don’t use the /v3 at the end you get to possibly a previous version of the library which has a tag that points to /culqijs.min.js.map, which may be lead to think that the compiler is not considering the /v3 part of the URL… but the question in any case is why?
I don’t know if this has to do with polyfills or not but I also see in the Safari console the following error:
Error: Network Error … runTask - polyfills.js:3:109116
Again, the App does what t’is supposed to do on a browser and on an Android device… Any idea what might be going on here on iOS??
Posts: 1
Participants: 1
↧
Error: Network Error
@ferreat wrote:
Hi,
I get the following error in the Safai console when inspecting my Ionic app:Error: Network Error … runTask - polyfills.js:3:109116
It is weird as I don’t see it on Chrome or when inspecting an Android device.
Any idea of what that means?
Posts: 1
Participants: 1
↧