Can somebody tell me what is wrong with this code? (ion-select related)


#1

When using ion-select here for some reason it works on all the screen. Meaning it doesn’t matter what I press aside from the button the ion-select event triggers.

<ion-content class="home">

    <!--Will query the list by doctor name-->
    <ion-searchbar></ion-searchbar>

    <ion-select [(ngModel)]="query" okText="Aceptar" cancelText="Cancelar">
        <ion-option checked="true" value="proximoPago">Próximo Pago</ion-option>
        <ion-option value="ultimoPago">Ultimo Pago</ion-option>
    </ion-select>


    <button fab fab-bottom fab-right fab-fixed [navPush]="[pushPage, {mode: 'insert'}]">
        <ion-icon name="add"></ion-icon>
    </button>

    <!--TODO: Each card will be transferred to each client data in the client-editor menu when tapped-->
    <ion-card>
        <ion-card-header>
            Nombre
        </ion-card-header>
        <ion-card-content>
            <p>Especialidad: </p>
            <p>Pueblo: </p>
            <p>Ultimo Pago: </p>
            <p>Próximo pago: </p>
            <p>Estatus de la cuenta: </p>
            <button>Suspender</button>
            <button>Activar</button>
        </ion-card-content>
    </ion-card>
</ion-content>

#2

Just figure it out. Forgot the add ion-item.