How to pass a scope between two controllers with angular js?

Question

I need to use a scope , that is in a controller, in another controller . So I've used a factory :

app.factory('myservice',function(){
    var mydata=[];
    function set(data){
        mydata=data;
    }

    function get(){
        return mydata;
    }

    return {
        set:set,
        get:get
    }
});

Then In the controller that contains the scope I need I set the data :

myservice.set($scope.value)

In the other controller where I need the scope I get it from the factory :

$scope.value= myservice.get()

This seems to work fine . My problem is that when I refresh the page where I'm using the second controller $scope.value becomes undefined .

How to fix this ??

on page refresh angular context will gone away..there will not be any value available after page refresh — Pankaj Parkar
– Pankaj Parkar, Commented May 7, 2015 at 19:38

David says Reinstate Monica · Accepted Answer · 2015-05-07 20:00:17Z

1

Data in services does not persist through page refreshes. There is no way around this.

However, you can store the data in cookies or localstorage, then reload that data on page load. Here is some pseudocode:

//Don't forget to add a dependency on ngCookies at the module level!
app.factory('myservice',function($cookies){
    var mydata=[];
    function set(data){
        $cookies.putObject("myData", data);
    }

    function get(){
        return $cookies.getObject("myData");
    }

    return {
        set:set,
        get:get
    }
});

answered May 7, 2015 at 20:00

David says Reinstate Monica

20.2k22 gold badges84 silver badges124 bronze badges

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

Collectives™ on Stack Overflow

How to pass a scope between two controllers with angular js?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related