In Ionic Ion-segment-button

Ionic Framework ionic-v3
1

In first view,the segment Value(Thismonth) shows empty space.if we click that empty space its shows the segment value as (Thisyear).

For example
Today,This Month,This year

Screenshot

Screenshot_20180307-180250%20(1)
Screenshot_20180307-180250 (1).png1076×243 10 KB

Getting error like this…

code

 <div padding>
      <ion-segment [(ngModel)]="attendance" (ionChange)="updatePage(attendance)">
        <ion-segment-button value="Today">
          Today
        </ion-segment-button>
        <ion-segment-button value="Thismonth">
          This Month
        </ion-segment-button>
        <ion-segment-button value="Thisyear">
          This Year
        </ion-segment-button>
      </ion-segment>
    </div>
2

Don’t use both ionChange and ngModel. Follow the code example in the official docs.

3

error cleared thank u…

4

I have same issue. I try using this documentation.I need to trace the ion-segment change value.