ionic4

问题 I'm developing an app using Ionic 4 with Angular router. I would like to navigate to another page and clear the page stack. In Android native, it's something like this: Intent intent = new Intent(NewActivity.this, MainActivity.class); intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); startActivity(intent); From what I've read so far, it is possible using Ionic NavController but it is deprecating in Ionic 4. I learnt about buttons with routerLink but if I'm not mistaken, by using that the app

问题 I'm navigating page and send data to page. i want to know how can i get data i send to the page ? . Example: In ionic 3 we push page and send data like this this.navCtrl.push(Page, {x:x}) And in other page we get date from navParams like this.navParams.get('x'); I need to know how ill get data in ionic 4 ? Im navigating page and data like this details(y){ this.navCtrl.navigateForward('/packagedetails',{y:y}); } 回答1: You can use navigaionExtras to achieve this page1: let navigationExtras:

问题 How to detect browser and mobileweb platform using Ionic 4 because when I tried with below code in desktop browser it is not falling in ‘core’ condition. if (this.platform.is('core')) { alert('core platform'); } else { alert('something else'); } When I have debug in chrome developer tool it showing 'android' platform as per below snapshot. Can anyone please help me how to detect platform in Ionic 4 or what can be the alternative for this? 回答1: The following link may help you: https://forum

问题 After setting the mode of ion-segment, they still look different after rendering them in ionic lab. I have tried setting the mode of ion-segment and ion-toolbar to "md" but they still look different. https://ibb.co/HV75Ly2 Here is an image of what they look like after setting the mode. <ion-toolbar mode="md"> <ion-segment scrollable mode="md"> <ion-segment-button value="top" checked> TOP </ion-segment-button> <ion-segment-button value="nfl"> NFL </ion-segment-button> <ion-segment-button value

问题 After setting the mode of ion-segment, they still look different after rendering them in ionic lab. I have tried setting the mode of ion-segment and ion-toolbar to "md" but they still look different. https://ibb.co/HV75Ly2 Here is an image of what they look like after setting the mode. <ion-toolbar mode="md"> <ion-segment scrollable mode="md"> <ion-segment-button value="top" checked> TOP </ion-segment-button> <ion-segment-button value="nfl"> NFL </ion-segment-button> <ion-segment-button value

问题 I'm trying to replicate force touch functionality of Instagram where 1) Put your finger on an image and it gets a little darker (hover effect, easy) 2) Press a little harder and a popup modal preview of the content appears 3) Press even harder and it expands the modal to full screen I'm having problems with Ionic 4/Cordova "3d touch" plugin where it doesn't register the force-touch if I regular-touch the screen first. In order words, step 2 above does not trigger the force touch when

问题 EDIT: adding a stackblitz: https://stackblitz.com/edit/ionic-b2r7si I am using ion-slides as following: <ion-slides class="fullWidth" [options]="slideOptsOne" #slideWithNav (ionSlideDidChange)="change($event)"> <ion-slide #status *ngFor="let array of arrays"> <ion-col> {{array}} </ion-col> </ion-slide> </ion-slides> I need to change the css style of the current active slide, like make it underlined or bold. I've done some researches and apparently I should use [ngClass]='' but can't know how.

问题 I am trying get data from a simple api, it works fine in ionic serve (browser) , But when i build the app http call does not work. my Code is this.http.get("http://example.com/api/routes").subscribe(response => { this.routes = response["routes"]; for (let x in this.routes) { let a = this.routes[x].rou_stops; let b = a.split(","); for (let y in b) { this.newCit.push(b[y]); } } }); please help with this issue. 回答1: I am Guessing that your are getting this because of android changes its http

问题 I'm trying to do an extremely usual thing for such a framework like Angular. The goal is to use the same ( HeaderComponent ) component more than once through a shared module. My shared.module.ts: import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { HeaderComponent } from '../header/header.component'; import { IonicModule} from '@ionic/angular'; @NgModule({ imports: [ CommonModule, IonicModule ], declarations: [ HeaderComponent ], exports: [

问题 Maybe I am missing something, but I'm experiencing a problem with Ionic caching views previously visited, preventing the components from being re-initialized by Angular. The components are pulled from some cache and rendered as whatever data existed previously. Example : User A is logged into the application and starts on the 'Home' page with info relevant to user A. User A logs out and navigates to 'Log In'. User B logs in from the same application and navigates to 'Home' page. Ionic see's