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

Ionic 4 & Angular 9

$
0
0

Not yet, but here is their migration guide: https://ionicframework.com/docs/building/migration

Also, if you’re using Ionic and Angular, here are the recommended steps for command line package updates:

npm i @ionic/angular@latest --save --save-exact
ng update @angular/cli@8 @angular/core@8
ng update @angular/cli @angular/core


Ionic 3 and Google Play App Signing

$
0
0

Thanks for the info.
You uploaded your signed certificate to google.

Did you download something from google play to sign new apps?
Did you generate a new Key Store and Upload Key from Android Studio?

That is what you are using when you sign your release?

Ionic 4 avoid pages being destroyed

$
0
0

Hi, i’m new to Ionic 4 and i’m stuck with this Problem:
When I call up a page and navigate back, the visited page is removed from the DOM.
Do i’m missing some configuration to prevent this behaviour?

app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { DetailPageResolver } from './resolver/detail-page-resolver';

const routes: Routes = [
    {
        path: 'detail/:id',
        resolve: {
            client: DetailPageResolver
        },
        loadChildren: () => import('./pages/detail/detail.module').then(m => m.DetailPageModule)
    },
];

@NgModule({
    imports: [
        RouterModule.forRoot(routes)
    ],
    exports: [RouterModule]
})

export class AppRoutingModule {}

home.page.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { NativeStorage } from '@ionic-native/native-storage/ngx';
import { Platform } from '@ionic/angular';
import { DetailPageService } from '../../services/detail-page.service';

@Component({
    selector: 'app-home',
    templateUrl: 'home.page.html',
    styleUrls: ['home.page.scss'],
})

export class HomePage implements OnInit {

    // DEMO DATA
    client = [
        {
            name: 'Test 0',
            stars: 4,
            ratings: 130,
            logo: 'https://www.eeeat.de/demo_bilder/alhamra_logo.png',
            banner: 'https://www.eeeat.de/demo_bilder/alhamra_banner.jpg'
        },
        {
            name: 'Test 1',
            stars: 3,
            ratings: 217,
            logo: 'https://www.eeeat.de/demo_bilder/datscha_logo.png',
            banner: 'https://www.eeeat.de/demo_bilder/datscha_banner.jpg'
        }
    ];
    //

    constructor(
        private platform: Platform,
        private nativeStorage: NativeStorage,
        private router: Router,
        private detailPageService: DetailPageService,
    ) {}

    ngOnInit(): void
    {
        // do some stuff here
    }

    openDetailsWithService(id)
    {
        this.detailPageService.setData(id, this.client[id]);
        this.router.navigate(['/detail/' + id]);
    }
}

home.page.html

<ion-card class="ion-lister" button (click)="openDetailsWithService(0)">...</ion-card>
<ion-card class="ion-lister" button (click)="openDetailsWithService(1)">...</ion-card>

detail.page.html

<ion-back-button [routerLink]="'/home'" routerDirection="back"></ion-back-button>

Cordova-plugin-ionic-webview needed in ionic 5?

$
0
0

Hello! Since Ionic 5 is out and its using angular 9.0 which has the Ivy View, is cordova-plugin-ionic-webview needed anymore?

Cordova-plugin-ionic-webview needed in ionic 5?

$
0
0

Yes if you’re using cordova.
No if you’re using capacitor.

The use of the plugin is not changed with new versions of ionic

How can I implement a modal with a website search?

$
0
0

Like the title, I want to have a modal with articles from an external website that is the easiest way to implement this. for example, I want to search Wikipedia and show a modal neatly layout presenting info to the client.
Wiki maybe has API and SDK but how I go about it with an ordinary website and need to modify maybe
www.example.com/search/potatoes?
All feedback welcome!
cheers.

How to trigger a function when the ion-menu-button is closed in ionic

iOS 'GO' button in @ionic/react form


Ionic 5 upgrade issue

$
0
0

Just upgraded my project to Ionic 5 and also update angular to version 9, now my project won’t launch I get the following error: -

Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
  - JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
  - Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
  - Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
    at getCompilerFacade (core.js:610)
    at Function.get (core.js:16082)
    at getInjectableDef (core.js:362)
    at injectableDefOrInjectorDefFactory (core.js:16834)
    at providerToFactory (core.js:16920)
    at providerToRecord (core.js:16904)
    at R3Injector.processProvider (core.js:16720)
    at core.js:16699
    at core.js:1367
    at Array.forEach (<anonymous>)

Ionic 5 upgrade issue

$
0
0

if I change aot: true to aot: false in my angular.json file it all works again, which seems to contradict the message :confused:

Push get Token

$
0
0

Yeah, I would definitely open a new thread for that issue.

Ionic 4 avoid pages being destroyed

$
0
0

You should design your app so you’re completely oblivious to things like this. It’s the province of the framework, which should be free to cache things and evict them however it sees fit. Why is this a concern and how can we free you from it?

Extending Mobile App Features

$
0
0

Can you explicate a bit more about what you mean by “API” here? To me, “API” is something programmers interact with, not users.

Ionic 5 upgrade issue

$
0
0

I compared the previous angular.json and that didn’t have aot: true in that location so I removed it and now everything serves. Whether this will work when deployed to a device is anybodies guess!

Events not worked in ionic 6.1.0


Ionic 4 can't perform sha256 hashing with key using crypto-js

$
0
0

If you don’t get any better answers, I would use WebCrypto instead for this. I hope you’re not really hardcoding secrets into your app binary, though. Anybody can read them.

Ionic Soap Xml web service

$
0
0

HI! How I can connect Ionic 4/5 with a web service (SOAP implementation) with XML files?
There a lot of tutorials and examples with RESTful APIs, but quit a few with SOAP and pretty outdated (ionic 3 and below).
I guess i need xml2js package, but this is just a part of the solution.
So examples and/or tutoriales for the whole interaction are welcome!

Thanks in advance.

Billie

Ionic cap run android -l --external seems to require ssl flag

$
0
0

hey there, some good news. We’ve made this much simpler to work with new releases to both the Ionic CLI and Capacitor. Basically, allows cleartext on localhost, aka where live reload runs:

npm i -g @ionic/cli

and in your Capacitor project:

npm update @capacitor/cli
npm update @capacitor/core

then try live reload again:

ionic cap run android -l --external

Ionic 5 upgrade issue

$
0
0

Can you post the devDependencies stanza of your package.json?

Camera preview getZoom returns [object Promise]

$
0
0

You are supposed to use then to attach code to Promises that runs when they resolve. More information here.

Viewing all 228595 articles
Browse latest View live


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