Open new page when User Click on any item from ion-item

Here is the codepen

1) I want to open new details page, when user click on item and want to show details of that clicked item in newly opened back.
2) On details page there would be "OK" button if user click on that button then it would be back to list page.
3) How Can i show marked circle icon on right side of the list item.

How Can I do this? I spent 2 hours but I have not found any working solution.

Please help me. I am new in ionic and angular js.



Add something like this to your css:

ion-list div ion-item i {
  float: right;
  position: relative;

You may need to add a line like:

top: -20px;

to tweak the positioning.


you should read about states and then create one for each element of you list and one for the list itself. After that all you need it's to call $state.go('nameOfState'); Not sure if there is a way to do it just with ionic itself...


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.