Ionic segment

Ionic Framework ionic-v3
1

Switiching between ion segment switches is lagging too much. It gives time like for clicking it 9 times. Too laggy is there any way to avoid this?

2

What exactly are you talking about?
What is happening when?
Can you post some code?
Also post your ionic info output please.

3

ionic info ::

@ionic/cli-plugin-cordova       : 1.6.1
@ionic/cli-plugin-ionic-angular : 1.4.1
@ionic/cli-utils                : 1.7.0
ionic (Ionic CLI)               : 3.7.0

global packages:

Cordova CLI : 7.0.1

local packages:

@ionic/app-scripts : 1.3.12
Cordova Platforms  : android 6.2.3
Ionic Framework    : ionic-angular 3.5.0

System:

Android SDK Tools : 25.2.5
Node              : v6.10.3
OS                : Windows 10
npm               : 3.10.10

Code :::

Hour Day Week

ts::

segmentChanged(event) {

this.visible=true;
this.selectedTitle = event;
console.log(event);
this.content.scrollToTop();
let loader = this.loadingController.create({
  content: "Loading",
  spinner: "bubbles"
});
loader.present();
this.dataservice.sortArray(this.selectedTitle, this.bitcoinData).then((data)=>{
  loader.dismiss();
});

}

4

too much lag to switch between the ion-segments more than 6000ms

5

Please edit your post, it is not very readable at the moment.
Use the </> button above the input field to format your code, command line output or error message (select the text first, then click the button or wrap it in ``` manually). Check the preview if it looks better. This will make sure your text is readable and if it recognizes the programming language it also automatically adds code syntax highlighting. Thanks.

6 
div ion-fixed style="width:100%;background:#fff"
  div  class="div-segment-home"
    ion-segment class="segment-content" [(ngModel)]="segment" (ionChange)="segmentChanged(segment,$event)" 
      ion-segment-button value="Hour" checked
        Hour
      ion-segment-button
      ion-segment-button value="Day
        Day
      ion-segment-button
      ion-segment-button value="Week"
        Week
      ion-segment-button
    ion-segment
  div
7

This code is missing all < and > and won’t work.

8

will this help

<div ion-fixed style="width:100%;background:#fff">
  <div  class="div-segment-home">
    <ion-segment class="segment-content" [(ngModel)]="segment" (ionChange)="segmentChanged(segment,$event)" >
      <ion-segment-button value="Hour" checked>
        Hour
      </ion-segment-button>
      <ion-segment-button value="Day">
        Day
      </ion-segment-button>
      <ion-segment-button value="Week">
        Week
      </ion-segment-button>
    </ion-segment>
  </div>
9

This is triggered instantly after switching?

How long does this take?
Does the “lagging” include the loadingController or not?

10

No. Actually after click it takes about 6000ms to trigger the click and once the click triggers then only the loading will start

11

Is this normal? Does this also happen when oyu create a new test project with ionic start blank blank and add just the <ion-segment> and a method to be called ionChange?

12

yes it does. You can check it

13

Please just upload the test project you created to confirm this to Github and post the link here.