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 ??

Answer 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
    }
});