javascript - 如何使用 Angular js在两个 Controller 之间传递范围？

Question

我需要使用一个范围，即在一个 Controller 中，在另一个 Controller 中。所以我使用了一个工厂:

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

    function get(){
        return mydata;
    }

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

然后在包含我需要的范围的 Controller 中设置数据:

myservice.set($scope.value)

在我需要范围的另一个 Controller 中，我从工厂获取它:

$scope.value= myservice.get()

这似乎工作正常。我的问题是，当我刷新使用第二个 Controller 的页面时，$scope.value 变得未定义。

如何解决这个问题？

Answer 1

服务中的数据不会通过页面刷新而保留。这是没有办法解决的。

但是，您可以将数据存储在 cookies 中或localstorage ，然后在页面加载时重新加载该数据。这是一些伪代码:

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