How to pass date value from one controller to another in angular ui routing

Question

I want to pass the date value which the user selects in one page to another page using angular UI routing. There is no parent child relationship between these controllers.Thanks in advance

Try to observe the concept of Services in Angular. They are singletons, dedicated to that... — Radim Köhler
– Radim Köhler, Commented Aug 17, 2015 at 9:57
ya the services are helpful. But I want the user to pick a date from date picker and that has to be passed across other pages of the application. Is it possible using services? — Heerapreethi P
– Heerapreethi P, Commented Aug 17, 2015 at 11:13
Did you found the solution from my answer? if not, then call to my number — Ramesh Rajendran
– Ramesh Rajendran, Commented Aug 17, 2015 at 11:34

Community · Accepted Answer · 2017-05-23 12:29:43Z

1

Best Practice

You should create a service with setters and getters for the data that you want to share, you can then instantiate these services in the controllers you wish to share data between.

This lets you safely move data between the two.

Alternative

If you want a quick and dirty way too share data between controllers then use $rootScope, it acts as a global variable but remember that there are problems with these variables see here

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Aug 17, 2015 at 10:09

Joe Lloyd

22.8k7 gold badges59 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ramesh Rajendran · Accepted Answer · 2015-08-17 11:36:04Z

0

Variables set at the root-scope are available to the controller scope via prototypical inheritance.

Every application has a single root scope. All other scopes are descendant scopes of the root scope. Scopes provide separation between the model and the view, via a mechanism for watching the model for changes. They also provide an event emission/broadcast and subscription facility

Sample

angular.module('myApp', [])   
.controller('myCtrl', function($scope, $rootScope) {

       $rootScope.myCtrlVariable = new Date();// Your date-picker selected Date 

})
.controller('myCtrl2', function($scope, $rootScope) {

   $scope.myCtrl2Variable = $rootScope.myCtrlVariable;
});

edited Aug 17, 2015 at 11:36

answered Aug 17, 2015 at 10:19

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Collectives™ on Stack Overflow

How to pass date value from one controller to another in angular ui routing

2 Answers 2

Comments

Sample

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Sample

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related