How to pass data from one HTML page to another using factory or service in angularjs?

Question

I am trying to pass the data from one html to another html page after clicking on particular table row but unable to send the data.

can u show us some code which u had tried .... so that we can help u other wise we can provide reference links only — Sa E Chowdary, Nov 25 '16 at 06:58

score 1 · Answer 1 · edited May 23 '17 at 10:32

1

You can share data between two controllers by

$rootScope - assign a value and use the same in other controller
Via URL Parameter : specify param in config and use $stateParams or $routeParams
Service or Factory

Ref :

edited May 23 '17 at 10:32

Community

answered Nov 25 '16 at 07:09

I have tried using factory. I am able to set the values but then when another page navigates values get reset again. Unable to return the values which have been set – RasikaP Nov 25 '16 at 10:27

score 0 · Answer 2 · answered Nov 25 '16 at 06:59

0

You can call set function of factory to store data in object from controller.

then after opening second html, call get function of factory which will return stored object to you. In this way you can pass data to any html page.

Hope this will helpful to you.

answered Nov 25 '16 at 06:59

Avinash Rathod

I have tried using factory. I am able to set the values but then when another page navigates values get reset again. Unable to return the values which have been set – RasikaP Nov 25 '16 at 11:25

score 0 · Answer 3 · answered Nov 25 '16 at 06:59

You can use $rootScope to set data globally which will be applicable for all the pages inside an angularjs application.

var app = angular.module('app',[]).run(function($rootScope){ $rootScope.userName = "xyz"; });

You can also pass data in URL of the page

3 Answers3