Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: [5.0.1] ion-segment-button event ionSelect not fired

See original GitHub issue

Bug Report

Ionic version:

[x] 5.0.1

Current behavior: Event (ionSelect) of <ion-segment-button> component has not been fired when the button was clicked

Expected behavior: Event (ionSelect) fired

Related code:

<ion-toolbar no-border-top>
    <ion-segment value="profile">
      <ion-segment-button value="profile">
        <ion-label>Profile</ion-label>
      </ion-segment-button>
      <ion-segment-button value="bookings" (ionSelect)="selectedBookings($event)">
        <ion-label>Bookings</ion-label>
      </ion-segment-button>
      <ion-segment-button value="warnings" (ionSelect)="warnings($event)">
        <ion-label>Warnings</ion-label>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>

export class Tab1Page {
  constructor() {}

  selectedBookings(ev: any) {
    console.log('selectedBookings clicked: ', ev);
  }

  warnings(ev: any) {
    console.log('warning clicked: ', ev);
  }
}

Ionic info:

Ionic:

   Ionic CLI                     : 6.1.0 (/Users/joeldaros/.nvm/versions/node/v12.14.1/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.1
   @angular-devkit/build-angular : 0.803.25
   @angular-devkit/schematics    : 8.3.25
   @angular/cli                  : 8.3.25
   @ionic/angular-toolkit        : 2.2.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v12.14.1 (/Users/joeldaros/.nvm/versions/node/v12.14.1/bin/node)
   npm    : 6.13.7
   OS     : macOS Catalina

Issue Analytics

State:
Created 4 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

2reactions

liamdebeasicommented, Feb 25, 2020

Dangit thanks 😄 I’ll fix that

0reactions

ionitron-bot[bot]commented, Mar 26, 2020

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Top Results From Across the Web

bug: [5.0.1] ion-segment-button event ionSelect not fired ...

Bug Report Ionic version: [x] 5.0.1 Current behavior: Event (ionSelect) of component has not been fired when the button was clicked Expected ...

ionChange and ionSelect are fired before event is completed?

It's a typical problem, and I've found several solutions, but they don't work for me because the events seem to get fired before...

Ionic 5: change event is not working on ion-select Javascript

I an having an issue that when I select something on the select box my JS function is not triggered and not sure...

@ionic/core | Yarn - Package Manager

Ionic is an open source app development toolkit for building modern, fast, top-quality cross-platform native and Progressive Web Apps from a single codebase ......

September 30, 2019, 7:16 am - Ionic Framework

I noticed from logs that the platform.ready() call we have never seems to finish even though I can see Ionic Native: deviceready event...