listview - Ionic List View Edit Array List (angularjs) -

i doing app list view. in list view, user can edit , delete item when swipe list left. have delete button working. not sure how start edit button. when user clicked on list view, bring form form let user edit detail inside , can save it. have follow example in jsfiddle. kind of want, in list view

http://jsfiddle.net/a5xz9/2/ 

here code list view

<ion-side-menus>                 <ion-side-menu-content>                     <ion-content>                         <ion-header-bar class="bar-positive">                             <button class="button button-icon" ng-click="toggleleft()" menu-toggle="left">                                 <i class="icon ion-navicon"></i>                             </button>                              <h1 class="title"> details</h1>                         </ion-header-bar>                         <br />                         <br />                          <ion-list can-swipe="listcanswipe">                             <ion-item ng-repeat="data in tempdata"                                       item="data"                                      href="#/detail/{{data.id}}">                         name:{{data.name}}<br />                       <ion-option-button class="button-assertive"                                            ng-click="showpopup(data)">                                     delete                                 </ion-option-button>                                  <ion-option-button class="button-calm"                                         ng-click="edit(data)">                                     edit                                 </ion-option-button>                              </ion-item>                          </ion-list>                     </ion-content>                 </ion-side-menu-content> 

here array

angular.module('app')  .factory('webapi', function () {  //dummy data var name = [{         value: "peter",         text: "peter"     }, {         value: "john",         text: "john"     }, {         value: "lucy",         text: "lucy",     },   var tempdata = [];  //display 100 item  (var = 0; < 100; i++) {      var selectedname = name[math.floor((math.random() * name.length))];     tempdata.push({      id: i,      name: selectedname.text       }) }; 

here button in controller

$scope.edit = function (data) {     var selecteddata = data;     console.log(selecteddata);  } 

    angular.module('app')     .factory('webapi', function () {      //dummy data     var name = [{     value: "peter",     text: "peter"     id: 1    }, {     value: "john",     text: "john"     id: 2   }, {     value: "lucy",     text: "lucy",     id: 3    },    $scope.edit=function(id)  {    //here place function edit data selected   }      in html       <div ng-repeat="p in data">     <input type="text"  ng-model="text" >    <button ng-click="edit(p.id)" >edit</button> 

i hope understand method allow know id of data selected can use add modal or inputs other page use ng-repeat pass parameter in function