Home / Questions / 556975
Accepted
MoiOvalle
Asked: 2022-09-15 09:23:48 +0800 CST 2022-09-15 09:23:48 +0800 CST

How can I Enable or Disable Ion-Segment-Button through a Button in Ionic 4?

  • 772

I need that when clicking on a New Button, disable the ion-segment-button and that when clicking on a Save button, enable them again

typescript

1 Answers

  1. Best Answer

    Ion-Segment has a disabled property that can be turned on or off based on a variable.

    <ion-segment [disabled]="isDisable" > </ion-segment>

    On the side of your .ts file you can control that the isDisable variable is true when "New" is pressed and false when "Save" is pressed. This will block the segment when the condition is true, if you want to disable only one ion-segment-button it also has the same disabled property and enable or disable itself based on a variable you control from your .ts file

    //Archivo HTML

<ion-segment-button [disabled]="isDisable" (click)="changeButtonState()"> </ion-segment-button>

//Archivo .ts

isDisable = false
changeButtonState(){
this.isDisable  = !this.isDisable
}

    ION SEGMENT Documentation Ionic 4

    • 1