ionic 2 <ion-select> wrapped in a <button> design

1k Views Asked by At

I want the <ion-select> of a ionic form to look like a <button>.

Here is my html template:

<form (ngSubmit)="doSubmit()" [formGroup] = "myForm" >
  <ion-item>
    <!-- <button ion-button block> -->
    <ion-select type="text" formControlName="choose" placeholder = "choose">
      <ion-option value=1>option 1</ion-option>
      <ion-option value=2>option 2</ion-option>
    </ion-select>
    <!-- </button> -->
  </ion-item>
 // ... other input fields  + doSubmit() function ...
</form>

As it is, it works and I can manage the selection. But I want it to look like a button. So I added some tag <button ion-button block></button> around the <select> tags. If the <button> tags are uncommented, it does not work: It does not show as a button and the select functionnaly is dead. Also I naively expected it would execute as I had wished it, but it doesn't.

Has anyone an idea?

0

There are 0 best solutions below