Cómo usar la image como button en iónico

Mi objective es usar la image como button en iónico. Primero utilicé una label para vincular entre páginas. Pero cuando hice clic en la image. No hay efecto de button activado. Entonces cambio a label de button

He intentado usar

<button class="button button-clear" style="background-image:url('img/myImage.jpg'); background-size:cover"></button> 

Pero la altura del button permanece igual. Por lo tanto, no mostrará la image de tamaño completo. Yo he tratado

 style="font-size:100px;" 

y

 style="line-height:100px;" 

Pero nada parece funcionar.

También intenté agregar mi propio css

 .Test-up { border :none; padding : 0px; } .Test-down { opacity: 0.5; border:0px; padding: 0px; } 

y agregué el código siguiente en mi índice.html

 <button ng-mousedown="class='Test-down'" ng-mouseup="class='Test-up'" class="{{class}}" href="#"> 

y debajo del código a mi controller

 $scope.class = "Test-up"; 

como lo intenté desde http://codepen.io/Leiron/pen/ztawA Pero no funciona con ios o Android. ¿Entonces qué debo hacer?

testing esto.

  <img src="img/myImage.jpg" style="width : 100% ; height : 100%" ng-click="nextpage()" > 

Esto es lo mejor para el truco que puede tener la altura y el ancho según lo desee.

Asegúrate de dar la ruta correcta al campo src.

Mira esto

<button ng-mousedown="class='fb-down'" ng-mouseup="class='fb-up'" class="{{class}}"> <img src="your_image_path" alt="" title="" /> </button>

Si aún se enfrenta a algún problema en css y, en cualquier caso, hágamelo saber.

Gracias

Ionic 2

Coloque sus icons en www / assets / images luego

 <img src="assetshttp://iosberry.comicon.png" style="width : 100% ; height : 100%" ng-click="nextpage()" > 

Puedes probar de esta manera:

 <button (click)="click()" block> <img src="assets/img/scan_btn.png"> </button> 

Mira el bolígrafo @ http://codepen.io/jeggu96/pen/NRaxj Espero que te ayude 🙂 <button ion-button clear (click)="nextPage()"><img src="image path" alt=" " /></button>