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

Question

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

Answer 1

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...

Answer 2

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.