I would like to use AngularJS in my ionic project but when use the recent version of ionic to start a new project it has only Angular, React and Vue options. How can I start a new Ionic/AngularJS project ?
Thanks.
1 post - 1 participant
↧
Ionic project using AngularJS?
↧
How to handle in cordova plugin
I met an issue when integreate BlackBerry Dynamics SDK with Ionic + Capacitor.
It seems that npx cap sync will not run hook in cordova plugin.
Here’s the sample: hook type=“after_plugin_add” src=“scripts/hooks/afterPluginAdd.js”
Is there a way to handle this kind of plugin?
1 post - 1 participant
↧
↧
InApp Browser issues
hey friends
Hope everyone is absolutely fine.
I am facing an issues i have list of data there have some website url few are coming with https or http like that https://ionicframework.com/ and few website link are coming with like this www.ionicframework.com problem is that with https or http url is working fine with inapp browser but www.ionicframework.com its opening http://localhost:8100/ www.ionicframework.com like this. Please anyone can give me a solution for it.
1 post - 1 participant
↧
Exporting camera results from capacitor to Vue
Hi There,
I am trying to export the camera result to Vue.
I am using capacitor, I know it should be a pretty easy solution but I am not able to figure this out.
the imageUrl varible is storing the image uri.
Many thanks 
export function usePhotoGallery() {
const { Camera } = Plugins;
const takePhoto = async () => {
const cameraPhoto = await Camera.getPhoto({
resultType: CameraResultType.Uri,
source: CameraSource.Camera,
quality: 100,
});
console.log(cameraPhoto.webPath)
var imageUrl = cameraPhoto.webPath
console.log(imageUrl)
};
return {
takePhoto,
};
}
1 post - 1 participant
↧
Exporting camera results from capacitor to Vue.js
Hi There,
I am trying to export the camera result to Vue.
I am using capacitor, I know it should be a pretty easy solution but I am not able to figure this out.
the imageUrl varible is storing the image uri.
Many thanks
export function usePhotoGallery() {
const { Camera } = Plugins;
const takePhoto = async () => {
const cameraPhoto = await Camera.getPhoto({
resultType: CameraResultType.Uri,
source: CameraSource.Camera,
quality: 100,
});
console.log(cameraPhoto.webPath)
var imageUrl = cameraPhoto.webPath
console.log(imageUrl)
};
return {
takePhoto,
};
}
1 post - 1 participant
↧
↧
Appflow:build not running
(topic withdrawn by author, will be automatically deleted in 24 hours unless flagged)
1 post - 1 participant
↧
How to allow my app to be opened by other apps?
Hi,
I should allow another app to open my Ionic app using an url such as “myApp://”.
Where “myApp” is my Ionic app
What do I have to implement in myApp to allow this?
Thank you
cld
1 post - 1 participant
↧
Appflow: Error on android deploy
Google Api Error: forbidden: The caller does not have permission - The caller does not have permission
- created service account. downloaded the json and upload to appflow.
- granted release related access.
Need help urgently.
1 post - 1 participant
↧
[ERROR] An error occurred while running sub process cordova
CordovaError: Promise rejected with non-error: Failed to prepare plug-in for android :
An unexpected error occurred. Contact IBM support.
at C:\Users\leele\AppData\Roaming\npm\node_modules\cordova\bin\cordova:30:15
at processTicksAndRejections (internal/process/task_queues.js:93:5)
[ERROR] An error occurred while running subprocess cordova.
cordova.cmd platform add android@7.1.0 exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.1 post - 1 participant
↧
↧
'openURL:' is deprecated: first deprecated in iOS 10.0
Hello,
What is the best way to avoid such deprecations on Ionic 5 + Angular? Thank you
Regards
1 post - 1 participant
↧
Sr Ionic / Angular Developer @ object studio
Hi All - we’re looking for a Senior Ionic / Angular developer based in US (ideally in TX) for FT or long term ongoing engagement:
https://www.indeed.com/job/senior-ionic-mobile-angular-developer-cab4454c06ce6d64
Please share, repost, and apply if you’re open for a exciting opportunity to flex your mobile prowess.
2 posts - 2 participants
↧
Offline InAppBrowser
Hello, I am using InAppBrowser for showing the website inside the app and it is working fine even it is loading from cache if internet is off after first loading of webpage.
But my question is that:
Can we load the Web url offline at first time as we can load the app from ionic build bundle.
Thanks in advance
1 post - 1 participant
↧
Plugin for smart alarms
Hello everyone, everything good?
I’ve been looking for a solution for a while to create reminders and alarms for my application, but I found it very difficult with something that seemed simple.
I tried to use the Local Notifications Plugin, but I was unable to make it work well with reminders that repeat throughout the week.
In addition, the plugin only sends a notification, not meeting the need for a more important alarm that can open in full screen, like a native alarm.
Is there any way to develop this or some current plugin that can do these behaviors?
1 post - 1 participant
↧
↧
[iOS] issue of capacitor://locahost
I have a capacitor app which works fine for Android, and for iOS, it’s a little different:
I use vue-cli-plugin-capacitor to run in the development mode, which will set the server://xxx.xxx.xxx.xxx:8080 in the capacitor.config.json, it works.
The problem occurs in the release mode. When I package the app using Xcode and run, the app is running, but some call to the remote server is reject because of CORS restriction:
The request send out from capacitor is:
Content-Type: application/json;charset=UTF-8
Origin: capacitor://localhost
Accept: /
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148
X-SDK-Version: @cloudbase/js-sdk/1.4.0
x-seqid: ec0772ba0a37d
As I cannot config the allowed Origin start from capacitor://, how to change this origin value to http://localhost?
1 post - 1 participant
↧
@ionic/vue-router: Props not updating from route
Hi all, using @ionic/vue for a project. Need routes that point to specific displays of an object. Got that part working:
In routes:
[{
path: '/',
component: () => import('@/App.vue'),
children: [
{
path: 'object/:objectId',
component: () => import('@/views/SingleObject.vue'),
props: ({params}) => ({ objectId: Number(params.objectId) })
},
...
Problem arises when I navigate away from this page, and then navigate to the same route but with a different ID. Instead of updating the component’s props with the new ID, or tearing down the first instance of the component and creating a new one with the new props, Ionic appears to just serve up the original component. I only see the rendering of the new object if I perform a full page refresh.
On the component:
props: {
objectId: { required: true, type: Number }
}
And a watcher in setup():
watch(
() => props.objectId,
(a, b) => {
// reached only once
debugger
},
{ immediate: true }
)
I was wondering if this might have something to do with IonPage, since I know Ionic has big trouble with any view component that isn’t wrapped in that component; maybe both routes resolve to the same instance of IonPage and that’s why the router doesn’t recalculate the prop from the route?
I doubt that’s the case though because I tried this:
<IonPage :key="router.currentRoute.value.params.flashcardId">
Idea being to access the route directly and force Ionic to generate a new instance for each path. But this has no effect.
As expected, both beforeRouteEnter() and ionViewDidEnter() hooks are firing.
Does anyone know what’s going on here?
5 posts - 2 participants
↧
How to safely delete duplicate packages?
I have many duplicate packages in my Android studio project:
- How can I find out which ones are actually being used?
- How can I safely delete the duplicates?
1 post - 1 participant
↧
Listen to div inner Text changes
Okay so I have this div element
<div id="pose-result" class="layer"></div>
I wanna listen and return the text of that div whenever there’s a change.
Here’s the .ts function
ngOnInit() {
var result = document.getElementById('pose-result');
console.log('test')
result.addEventListener("DOMCharacterDataModified", function (event) {
console.log('test')
}, false);
}
I’ve tried that but It’s not working, any ideas?
I know that OnInit will trigger only once but I didn’t find any solution.
1 post - 1 participant
↧
↧
Problem ion-item
Hi,
i have a problem on iPhone when the phone is in horizontal…!
Incorrent (landscape):
Correct (portrait):
can you help me?
1 post - 1 participant
↧
Buils start failling
Everything was fine but suddenly all builds start falling for android:
maybe the problem is that this resource is unavailable: (https://jcenter.bintray.com/com/android/support/support-v4/maven-metadata.xml)
It crash always on the same place:
Task :app:mergeDebugResources
Task :app:mergeDebugResources FAILED
FAILURE: Build failed with an exception.
- What went wrong:
Execution failed for task ‘:app:mergeDebugResources’.
Could not resolve all files for configuration ‘:app:debugRuntimeClasspath’.
Could not resolve com.android.support:support-v4:26.+.
Required by:
project :app
Failed to list versions for com.android.support:support-v4.
Unable to load Maven meta-data from https://jcenter.bintray.com/com/android/support/support-v4/maven-metadata.xml.
Could not get resource ‘https://jcenter.bintray.com/com/android/support/support-v4/maven-metadata.xml’.
Could not GET ‘https://jcenter.bintray.com/com/android/support/support-v4/maven-metadata.xml’.
Read timed out
2 posts - 1 participant
↧
I get this error when I add the video-player plugin and build the application
Hi everyone, I have a problem with my app ionic 3 + angular + video-player
[cordova] /home/fouzo/Desktop/SERVER/FOUZO/exam/mobile/platforms/android/app/src/main/java/com/moust/cordova/videoplayer/VideoPlayer.java:123: error: cannot find symbol
[cordova] if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
[cordova] ^
[cordova] symbol: variable R
[cordova] location: class VERSION_CODES
[cordova] /home/fouzo/Desktop/SERVER/FOUZO/exam/mobile/platforms/android/app/src/main/java/com/moust/cordova/videoplayer/VideoPlayer.java:124: error: cannot find symbol
[cordova] dialog.getWindow().getInsetsController().hide(WindowInsets.Type.statusBars());
[cordova] ^
[cordova] symbol: variable Type
[cordova] location: class WindowInsets
[cordova] /home/fouzo/Desktop/SERVER/FOUZO/exam/mobile/platforms/android/app/src/main/java/com/moust/cordova/videoplayer/VideoPlayer.java:124: error: cannot find symbol
[cordova] dialog.getWindow().getInsetsController().hide(WindowInsets.Type.statusBars());
[cordova] ^
[cordova] symbol: method getInsetsController()
[cordova] location: class Window
[cordova] 3 errors
[cordova]
[cordova] FAILURE: Build failed with an exception.
[cordova]
[cordova] * What went wrong:
[cordova] Execution failed for task ‘:app:compileDebugJavaWithJavac’.
[cordova] > Compilation failed; see the compiler error output for details.
[cordova]
[cordova] * Try:
[cordova] Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
[cordova]
[cordova] * Get more help at https://help.gradle.org
[cordova]
[cordova] BUILD FAILED in 56s
[cordova] /home/fouzo/Desktop/SERVER/FOUZO/exam/mobile/platforms/android/gradlew: Command failed with exit code 1 Error output:
[cordova] /home/fouzo/Desktop/SERVER/FOUZO/exam/mobile/platforms/android/app/src/main/java/com/moust/cordova/videoplayer/VideoPlayer.java:123: error: cannot find symbol
[cordova] if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
[cordova] ^
[cordova] symbol: variable R
[cordova] location: class VERSION_CODES
[cordova] /home/fouzo/Desktop/SERVER/FOUZO/exam/mobile/platforms/android/app/src/main/java/com/moust/cordova/videoplayer/VideoPlayer.java:124: error: cannot find symbol
[cordova] dialog.getWindow().getInsetsController().hide(WindowInsets.Type.statusBars());
[cordova] ^
[cordova] symbol: variable Type
[cordova] location: class WindowInsets
[cordova] /home/fouzo/Desktop/SERVER/FOUZO/exam/mobile/platforms/android/app/src/main/java/com/moust/cordova/videoplayer/VideoPlayer.java:124: error: cannot find symbol
[cordova] dialog.getWindow().getInsetsController().hide(WindowInsets.Type.statusBars());
[cordova] ^
[cordova] symbol: method getInsetsController()
[cordova] location: class Window
[cordova] 3 errors
[cordova]
[cordova] FAILURE: Build failed with an exception.
[cordova]
[cordova] * What went wrong:
[cordova] Execution failed for task ‘:app:compileDebugJavaWithJavac’.
[cordova] > Compilation failed; see the compiler error output for details.
[cordova]
[cordova] * Try:
[cordova] Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
[cordova]
[cordova] * Get more help at https://help.gradle.org
[cordova]
[cordova] BUILD FAILED in 56s
[ERROR] An error occurred while running subprocess cordova.
cordova build android --device exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.
Please help me, thanks.
1 post - 1 participant
↧
