Comment faire pour utiliser l'image comme bouton dans ionique

Mon objectif est d'utiliser l'image comme un bouton dans ionique. J'ai d'abord utilisé une balise de lien entre la page. Mais quand j'ai cliqué sur l'image. Il n'y a aucun bouton n'est activé effet. J'ai donc commutateur à bouton-étiquette

J'ai essayé d'utiliser

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

Mais le bouton de la hauteur reste la même. Afin de ne pas afficher l'image en pleine taille.
J'ai essayé

style="font-size:100px;"

et

style="line-height:100px;"

Mais rien ne semble fonctionner.

J'ai aussi essayé d'ajouter mon propre css

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

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

et ajout de code ci-dessous dans mon index.html

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

et ci-dessous le code de mon contrôleur

$scope.class = "Test-up";

que j'ai essayé de http://codepen.io/Leiron/pen/ztawA
Mais il ne fonctionne pas avec ios ou android. Alors que dois-je faire?

OriginalL'auteur Wakeme UpNow | 2016-06-04

  1. 9

    de l'essayer.

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

    ce shoud pour l'astuce vous pouvez avoir de la hauteur et la largeur de votre souhait.

    Assurez-vous de donner le chemin d'accès correct à la src champ.

    J'ai essayé, mais la ng-click se produire après j'ai communiqué mon doigt. Je veux que l'image d'arrière-plan pour modifier son opacité un peu alors que je suis en touchant le bouton. Tout comme lors de la toucher ion-élément. Il y aura un changement, pendant que je suis en maintenant enfoncé mon doigt. Il est différent.
    si vous voulez ion élément, puis mettez cette image en ions élément de sorte que se sera la même que vous pensez, comme <ion-item> <img..... > </ion-item> laisser avoir qu'un seul élément dans la liste

    OriginalL'auteur Mohan Gopi

  2. 8

    Vous pouvez essayer de cette façon -

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

    OriginalL'auteur Bajrang Hudda

  3. 2

    Ionique 2

    Placer vos icônes dans www/assets/images puis

    <img src="assets/images/icon.png" style="width : 100% ; height : 100%" ng-click="nextpage()" >
    il semble que cela fonctionne ionique, de 2 "(clic)" au lieu de "ng-click"

    OriginalL'auteur Shahab Rauf

  4. 0

    cochez cette

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

    Si vous rencontrez un problème en css et en anyhting laissez-moi savoir.

    Grâce

    OriginalL'auteur piyush jain

  5. -1

    Voir le pen @ http://codepen.io/jeggu96/pen/NRaxj
    Espérons que cela aide 🙂 <button ion-button clear (click)="nextPage()"><img src="image path" alt=" " /></button>

    OriginalL'auteur Jegadesh B S