如何在angularjs中将数据显示一页到另一页

时间:2016-11-14 08:35:01

标签: javascript angularjs angularjs-scope

我需要你们的一些帮助我是AngularJs的新手,我的代码有太长的代码,这就是为什么我上传doc文件,请检查下面的链接,使用下面的代码片段我正在验证电子邮件,密码。 customerlogin()方法返回一些我想在下一页显示的JSON数据。换句话说,我想将从customerlogin()返回的数据传递给then(),然后将其传递给/ customerprofil

请帮助,我的老板告诉我按照这个代码,但如何使用角度js传输数据其他页面和显示,我的代码是不同的你显示dublicats

Code is there

<div class="panel-body" ng-app="agfullstackApp.customerprofile">
    <form action="">
        <div class="form-group" ng-controller="customerprofileComponent">
            <label class="col-md-2 control-label" for="inputDefault">{{full_name}}</label>
        </div>

1 个答案:

答案 0 :(得分:0)

您可以使用角度服务在页面之间共享数据。但是如果重新刷新页面,数据将会丢失。以下是使用服务的示例。

angular.module('myServiceModule',[])
.service('myService', function() {
    var savedData = {}
    this.setData  = function(data) {
        savedData = data;
    }
    this.getData = function() {
        return savedData;
    }
});

然后从控制器1设置数据。

app.controller('View1Ctrl', ['myService', function(myService) {
    myService.setData("some data from view 1")  ;
}]);

从控制器2获取数​​据。

app.controller('View2Ctrl', ['myService', function(myService) {
    console.log(myService.getData());
}]);

如果您希望在页面刷新后仍然可以使用数据,则需要使用localStorage。 https://github.com/grevory/angular-local-storage (最好使用角度局部存储模块,因为它支持在不支持的浏览器或存储容量问题的情况下进行cookie回退)