How can I place icon-accessory on the right side of a Card Item

ionic-v1
1

  1. I have the following code snippet in my view:

    {{contact.name}}

    {{contact.phone}}

    {{contact.email}}

From the above code, I would like to show ion-edit (last icon in the inner div) on the far right side of the item. To do that if I add item-icon-right to the item div, it is taking all of the icons and putting them as a lump on the far right.

[Codepen][1]

  1. How can I provide a click event on the img? When I add a ng-click event on the img tag above, nothing happens when I click on the image.

Thanks for all of your help.
[1]: http://codepen.io/venkatpolisetti/pen/azRKvB

2
3

Thank you @chaith123. I have updated my codepen with your suggestion.

Thanks to @brandyshea I was able to solve my 2 question too.

Thanks to all for your help.

1 Like
4

codepen r plnkr send me

5

I have updated my original codepen and it is part of the OP at the top of the page. Anyways, here is a link to it.

Updated Codepen