Javascript 如何使用localstorage将数据发送到另一个html文件（不是SPA）-angularjs_Javascript_Arrays_Angularjs_Json

Javascript 如何使用localstorage将数据发送到另一个html文件（不是SPA）-angularjs

javascript arrays angularjs json

Javascript 如何使用localstorage将数据发送到另一个html文件（不是SPA）-angularjs,javascript,arrays,angularjs,json,Javascript,Arrays,Angularjs,Json,我没有使用SPA应用程序，因此如果我单击页面加载的另一个html文件，因此我无法捕获数据，我希望存储在该本地存储中这是我的控制器文件： angular .module('myApp', []) .controller('myController', function($scope, $rootScope) { $scope.users = [{ name: 'sameer', age: 21

我没有使用SPA应用程序，因此如果我单击页面加载的另一个html文件，因此我无法捕获数据，我希望存储在该本地存储中

这是我的控制器文件：

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

        $scope.users = [{
                name: 'sameer',
                age: 21
            },
            {
                name: 'ganesh',
                age: 22
            }
        ]

        $scope.setcontactModal = function(user) {
            $scope.modalcontactData = user;
       }
   });

我的第一个索引页：

<body ng-controller='myController'>
    <table class="table">
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Operations</th>
        </tr>
        <tr ng-repeat='user in users'>
            <td>{{user.name}}</td>
            <td>{{user.age}}</td>
            <td> <a href="edit.html" ng-click='setcontactModal(user)'> Apply </a> </td>
        </tr>
    </table>
</body>

在您的情况下，您可以像这样使用本地存储

工作演示：

angular
.module（'myApp'，['ngStorage']））
.controller（'myController'，函数（$scope，$rootScope）{
$scope.modalcontactData=JSON.parse（window.localStorage.getItem（“用户”））
$scope.users=[{
名称：“sameer”，
年龄:21
}, {
名称：“甘尼什”，
年龄:22
}]
$scope.setcontactModal=函数（用户）{
$scope.modalcontactData=user；window.localStorage.setItem（“user”，JSON.stringify（user））；
log（'scope:'，$scope.modalcontactData）；
}
});

如果您想将数据存储在本地存储器中，您可以使用本地数据库，它是一个非常有用的库，用于以json格式存储和检索数据

只需将此文件添加到index.html

以及检索使用的数据-

localforage.getItem("modelContactData",function(err,data){
     console.log(data);
});

一个查询字符串可能更好。你能展示一下你到目前为止所做的尝试吗？Angular中本地存储的使用已经有了很好的文档记录，当然你至少已经尝试了你在网上找到的东西。我尝试了ngStorage dependency，并尝试了$localStorage，但我没有得到数据。当页面加载时，它会隐藏您实际使用LocalStorage的代码。请参阅我更新的问题@TsvetanGanev

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

        $scope.users = [{
            name: 'sameer',
            age: 21
        }, {
            name: 'ganesh',
            age: 22
        }]

        $localStorage.modalcontactData = $scope.modalcontactData;

        $scope.setcontactModal = function(user) {
            $scope.modalcontactData = user;
            console.log('scope:', $scope.modalcontactData);
         }
    });

<script src="js/localforage.js"></script>

localforage.setItem("modelContactData", user);

localforage.getItem("modelContactData",function(err,data){
     console.log(data);
});