Wat to add import '@angular/compiler';
in main.ts
file.
Ionic 5 upgrade issue
BackgroundGeolocation Resource not found
I have solved it, thank you
Dismiss a LoadingController
Fantastic solution !!! With your code finally I’ve could implement correctly this functionality. Probably there are other solutions but this one works for me after many failed attempts. Thank you very much !!!
Ionic 5 Create Modal from Service with presentingElement
I’m getting the same error when using this in the app.component.ts
Background Geolocation Plugin
Hello Friends If anyone worked on ‘"@mauron85/cordova-plugin-background-geolocation"’ because I am working on one Application which is used this plugin and want the location on background, so when I close the application not totally close application is still working on the background at that time I am not getting any data from this plugin and when I open application again and check the status of plugin response isRunning is false but the plugin is working I can see on notification-bar.
So anyone can help me with this?
Thanks.
Input File Picker not working
Ok, I found out the issue using the <ion-input type="file"></ion-input>
, the <input>
is wrap inside <ion-input>
which block the click.
My solution is find the input with type ‘file’ to click.
let element: HTMLElement = document.querySelector('input[type="file"]') as HTMLElement;
element.click();
Input File Picker not working
Thank you so much. This is what im looking for my life
How to solve the "App not installed" error on Android devices?
I think the error is due to your installation file, I trust techbigs. On the page there are many quality mod apk. I never folded the error when installing. Try it now
Iframe with local URI on android/ios
Hi,
I would like to display an HTML document that has been loaded from a URL (I’m aware of the security implications).
Currently I see two options for this:
- create an
iframe
and display the content from the URL - download the HTML and set it as
innerHTML
. Since my app uses React, this means callingdangerouslySetInnerHTML
I’ve implemented both and they work fine.
But so far this is just a React web app. Once everything is more or less in place I would like to migrate it to Capacitor with Ionic.
At that point, I would then like to download the HTML and store it locally, to allow the app to work offline.
How would this work with the iframe? Is it possible to pass a local URI for the source? The Capacitor Filesystem API would make it easy to get a URI, but I don’t understand how that interfaces with the web code inside of the app.
I’m asking because I’m unsure how to continue with the prototyping. I feel like the iframe
is a cleaner approach. But dangerouslySetInnerHTML
would work just the same with HTML that I’ve loaded from a local file.
Ionic App keeps stopping
(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)
Ionic App keeps stopping
chrome developer tool didn’t show any app to debug
Ionic Native Image Picker is not working it is asking permissions after that app is crashing
I did the same but it is not working for me . Do you have any other solution.
Offline Google Analytics for PWA
I tried to follow the official tutorial at https://developers.google.com/web/ilt/pwa/integrating-analytics#offline_analytics for my Angular App.
But, the document looks like old. Because when I installed sw-offline-google-analytics by npm. There was not offline-google-analytics-import.js in node_modules.
So I copied the sw-offline-google-analytics.prod.v0.0.25.js in node_modules to my src directory. And I did what I can everything as much as I understood like below. There was any compile errors. But when I tested like https://developers.google.com/web/ilt/pwa/integrating-analytics#swjs_4, it doesn’t work.
[In app.module.ts]
imports: [
ServiceWorkerModule.register(‘combined-sw.js’, { enabled: environment.production })
]
[In combined-sw.js]
importScripts(‘ngsw-worker.js’);
importScripts(‘firebase-messaging-sw.js’);
importScripts(‘sw-offline-google-analytics.prod.v0.0.25.js’);
goog.offlineGoogleAnalytics.initialize();
[In angular.json]
“assets”: [
“src/sw-offline-google-analytics.prod.v0.0.25.js”
]
Could you help me to solve this issue? I cannot find any hints in googling.
Thanks in advance
Publish ionic iOS App on BlackBerry UEM
Hello again,
we don’t have any solution for the problem.
Anyone an Idea?
Thanks
flo.riano
Needs to enable storage permission manually in android device while downloading file ( IONIC 2 cordova-file-plugin)
or else you can try ANDROIDPERMISSIONS plugin
I can’t able to import diagnostic so i’ve used AndroidPermissons plugin
checkPermissions(){
this.androidPermissions.requestPermissions(
[
this.androidPermissions.PERMISSION.READ_EXTERNAL_STORAGE,
this.androidPermissions.PERMISSION.WRITE_EXTERNAL_STORAGE
]
);
}
Cannot disable splashscreen on browser
Works!! Thank you!!
Maybe exists a way to include the config.xml automatically with the build
Ionic 5 Create Modal from Service with presentingElement
workaround for now:
export function getRouterOutlet() {
return document.getElementById('ion-router-outlet-content');
}
so your needs the id="ion-router-outlet-content"
.
Then instead of calling this.routerOutlet.nativeElement
, call the function from above
Ionic 4 & Angular 9
These commands worked for a new and small Ionic 4 project.
But when i tried to build i got an error:
ERROR in ./src/zone-flags.ts
I needed to add zone-flags.ts to tsconf.app.json like in tsconfig.spec.json:
"files": [
"src/main.ts",
"src/zone-flags.ts",
"src/polyfills.ts"
]
Now everything seems ok. I can build and run my project.
FormBuilder error: "Cannot find control with name"
Hi,
I have a problem with a form done with FormBuilder.
The form is:
<div id="todo_form" color="primary">
<form [formGroup]="resetPasswordForm" (ngSubmit)="onSubmit(resetPasswordForm.value)">
<ion-item>
<ion-label position="floating" color="primary">{{ 'E-mail' | translate }}</ion-label>
<ion-input type="text" formControlName="email"></ion-input>
</ion-item>
<div class="validation-errors" *ngIf="resetPasswordForm.get('email')">
<ng-container *ngFor="let validation of validation_messages.email">
<div class="error-message" *ngIf="resetPasswordForm.get('email').hasError(validation.type) && (resetPasswordForm.get('email').dirty || resetPasswordForm.get('email').touched)">
<ion-icon name="information-circle-outline"></ion-icon> {{ validation.message | translate}}
</div>
</ng-container>
</div>
</div>
with this code:
constructor(private formBuilder: FormBuilder,
private navCtrl: NavController,...){
this.resetPasswordForm = this.formBuilder.group({
email: ['', Validators.compose([
Validators.required,
Validators.pattern('^[\\s]*[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+[\\s]*$')
])],
}
);
this.validation_messages = {
'email': [
{type: 'required', message: 'Email is required.'},
{type: 'pattern', message: 'Please enter a valid email.'}
]
};
}
Sometimes, not ever, I have this error in the Chrome console:
ERROR Error: Cannot find control with name: 'email' at _throwError (vendor.js:62846)
When this error happens the validation of the form doesn’t work.
How is it possible that the control “email” is not found?
And why does it happen only in some circumstances?
any help will be appreciated, thank you very much.
Claudio
ADB continuously disconnect devices not show it on Mac OSX
Some solution from here?