javascript - Send ng-repeat data from one page to another page - angular -
i have 1 table , iterating tr on click of button
<table class="addedproject" ng-show="show" width="100%" border="1" cellpadding="10" > <tr ng-repeat="developeradd in developer" ng-click="adddev(developeradd);"> <td > <ion-item menu-close href="#/app/playlist" >{{ developeradd.devname }}</ion-item> </td> <td><ion-item menu-close href="#/app/playlist" >{{ developeradd.emailid }}</ion-item></td> <td><a class="button button-small button-dark" ng-click="removedev($index)">x</a></td> </tr> </table> <button class="button button-block button-positive" ng-click="adddeveloper()">add developer</button>
this page x
i want iterated tr in new page y.
here controller.
.controller('fineappctrl',function($scope,$rootscope){ console.log("fineappctrl"); $scope.details = function(a){ $rootscope.nameobj = a.name; $rootscope.ownerobj = a.title; }; $scope.people = []; $scope.submitflag = false; $scope.show = false; $scope.hidetable = false; $scope.create =function(){ if($scope.show == false){ $scope.show = true; } if($scope.submitflag == false){ $scope.submitflag = true; } } $scope.addperson = function(){ $scope.hidetable = true; var person = { name: $scope.name, age: $scope.age, title: $scope.title, }; $scope.people.push(person); if($scope.submitflag == true){ $scope.submitflag = false; } }; $scope.removeperson = function(index){ $scope.people.splice(index, 1); //console.log(index); var rows = document.getelementbyid('rowiteration') .getelementsbytagname('tbody')[0] .getelementsbytagname('tr').length; console.log(rows); if($scope.submitflag == false && rows == 1){ $scope.show = false; } }; $scope.adddeveloper = function(){ var developeradd = { devname : $scope.devname, releasedate : $scope.releasedate, emailid: $scope.emailid, phonenumber : $scope.phonenumber, }; $scope.developer.push(developeradd); $scope.removedev = function(index){ $scope.developer.splice(index, 1); }; }; })
i new in angular bad if code not per standard
add developer $rootscope , pass value local scope
$scope.adddeveloper = function () { ... $rootscope.developers.push(...); $scope.developers = $rootscope.developers; };
and on second page use $rootscope populate local $scope , add new ones it, accessible first one. here little example on jsfiddle http://jsfiddle.net/ae8neq3k/
Comments
Post a Comment