Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228500 articles
Browse latest View live

Run Ionic 4 project on another computer

$
0
0

In the drive which you installed OS there in appdata/Local you can find temp folder just remove it


Hardware back button with Ionic 4

$
0
0

Hi,
after registering this event, is it possible to unregister the same event?

Thank you

cld

How to enable again the back button after disabling it?

$
0
0

Hi,
I’m disabling the back button of the Android mobile phone with this code:

  @HostListener('document:ionBackButton', ['$event'])
  private async overrideHardwareBackAction($event: any) {
    console.log('@@@@ overrideHardwareBackAction @@@@', $event);
    $event.detail.register(100, async () => {
      $event.stopImmediatePropagation();
      $event.stopPropagation();
      $event.preventDefault();
    });
    await void(0); // Do nothing
  }

It works. But I need to enable it in other pages of the app.
How can I unregister this event?

Thank you very much

cld

Ng serve failing to compile in ionic 4

$
0
0

PS C:\Users\pc\rba-app> ionic serve

ng.cmd run app:serve --host=localhost --port=8100
[ng] i 「wds」: Project is running at http://localhost:8100/webpack-dev-server/
[ng] i 「wds」: webpack output is served from /
[ng] i 「wds」: 404s will fallback to //index.html
[ng] chunk {main} main.js, main.js.map (main) 1.97 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 149 kB [initial] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 101 kB [initial] [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 340 kB [initial] [rendered]
[ng] Date: 2020-01-27T11:12:21.094Z - Hash: 075d96c61b41336c3e8e - Time: 116139ms
[ng]
[ng] ERROR in src/app/app.module.ts:14:35 - error TS2307: Cannot find module ‘…/pages/complaints-details/complaints-details.page’.
[ng] 14 import { ComplaintsDetails } from ‘…/pages/complaints-details/complaints-details.page’;
[ng] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[ng] src/app/services/complaints.service.ts:21:30 - error TS2339: Property ‘Complaints’ does not exist on type ‘Object’.
[ng] 21 map(results => results.Complaints));
[ng] ~~~~~~~~~~
[ng] src/app/services/database.service.ts:25:3 - error TS2300: Duplicate identifier ‘complaintsdetails’.
[ng] 25 complaintsdetails = new BehaviorSubject();
[ng] ~~~~~~~~~~~~~~~~~
[ng] src/app/services/database.service.ts:43:13 - error TS2339: Property ‘get’ does not exist on type ‘HttpClientModule’.
[ng] 43 this.http.get(‘assets/seed.sql’, { resposeType: ‘text’})
[ng] ~~~
[ng] src/app/services/database.service.ts:47:1 - error TS2349: Cannot invoke an expression whose type lacks a call signature. Type ‘BehaviorSubject<any>’ has no compatible call signatures.
[ng] 47 this.complaintsdetails ();
[ng] ~~~~~~~~~~~~~~~~~~~~~~~~~
[ng] src/app/services/database.service.ts:48:1 - error TS2349: Cannot invoke an expression whose type lacks a call signature. Type ‘BehaviorSubject<any>’ has no compatible call signatures.
[ng] 48 this.complaints();
[ng] ~~~~~~~~~~~~~~~~~
[ng] src/app/services/database.service.ts:63:1 - error TS2300: Duplicate identifier ‘complaintsdetails’.
[ng] 63 complaintsdetails() {
[ng] ~~~~~~~~~~~~~~~~~
[ng]

[INFO] Development server running!

   Local: http://localhost:8100

   Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

[ng] i 「wdm」: Failed to compile.

That is the message I am getting

Sign In With Apple with Capacitor

$
0
0

two Cordova plugins I’ve found won’t work with Capacitor

So you actually tried using them, but they didn’t work?

This may mean avoid using Capacitor at all… :anguished:

There will no longer be auto-switching for platform specificity when using Ionicons

$
0
0

From: https://github.com/ionic-team/ionicons/blob/0d757ad96aa42847da80853ac1c0c3d43ac6a641/CHANGELOG.md

  • There will no longer be auto-switching for platform specificity when using Ionicons in an Ionic Framework app. If you’d like to switch icon styles based on the platform in Ionic use the md and ios attributes and provide the platform specific icon/variant name.

<ion-icon ios="heart-outline" md="heart-sharp"></ion-icon>

Maybe I’m missing something here, but I can’t understand the reasoning behind this change…
Up until now, Ionic chose the right icon to use, depending on the current platform, while with the new Ionicons, it would be the developer to know what the right icon is?

Isn’t this a drawback…?

Help us test the Ionic 5 Release Candidate!

$
0
0

Hi guys,

I know there is no logic that IONIC supports Angular Elements, but is IONIC 5 expected to support Angular Elements?

Thank you

Run Ionic 4 project on another computer

$
0
0

Thanks, That did not work with the same error persisting.


There will no longer be auto-switching for platform specificity when using Ionicons

$
0
0

Often the designers want to use the same icon across both platforms. Also some of the icons are converging to the same look. There are some exceptions; like the overflow icon (aka three dots) will conform to the platform still.

ionic 4 callback function between page

$
0
0

onic 4 callback function between page ?

in ionic 3

myCallbackFunction = (_params) => {
return new Promise((resolve, reject) => {
this.test = _params;
resolve();
});
}

// push page…
functionToBeClicked() {
this.navController.push(OtherPageComponent, {
callback: this.myCallbackFunction;
});
}
// and in the other page (in this example would be “OtherPageComponent”)

ionViewWillEnter() {
this.callback = this.navParams.get(“callback”)
}

ionViewWillLeave() {
this.callback(param).then(()=>{
this.navController.pop();
});
}

** Would like to know how in ionic 4 Can’t use the navController **

Ionic 3: Deeplinking

$
0
0

This tutorial was helpful form me when i was working on that.

FCM Notification not showing when app killed on some devices

$
0
0

I have the same problem but only with iOS, just spend like 2 days trying to figure out what’s happenin but with no luck :frowning:

Could not resolve org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.3.11

$
0
0

Hello.
I had to set up a new drive for development and moved my projects. After successful setup, my project compiles successfully but doesn’t build. Here’s the error I get:

gradle2

I’ve check my build.gradle files in platforms/android/build.gradle and platforms/android/ app /build.gradle. Here’s what they look like after making some adjustments (changing maven to mavenCentral()) and I still have the error:

gradle1

I’ll appreciate assistance on this.

Ionic 4: Customizing ion-card background

$
0
0

Thank you for your feedback.
I can live with my little workaround at the moment and exited to play with the new Ionic V5 :slight_smile:

Thank you!

Ion-alert text wrap for long string


Build a movie from jpeg images / convert photos into video(movie) IONIC2

Dual screen to show data differently - IONIC v4

$
0
0

It’s less that I want to than that my reading of this document suggests that’s the most promising route to look at.

ionic 4 callback function between page

$
0
0

Welcome to the forums. This sort of question comes up rather frequently, and my rather strong recommendation is to rethink your design so that you don’t have to do this, because it makes your app extremely hard to read, maintain, test, and expand.

For more background and some concrete suggestions on how to do this in a more sustainable fashion, see this thread and then maybe this one.

How to conditionally set root page in Ionic 5

$
0
0

My solution was save the user with the NativeStorage plugin, and verify if user exist in the app.module.

Ionic select CompareWith

$
0
0

Can you rewrite this so neither the word any nor this appears anywhere in the relevant code? While I understand it may sound like a strange and silly request, I think it will shine some light on things.

Viewing all 228500 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>