如何将本地存储数据放入视图文件中使用Angular js [英] How to get the Local Storage data into the view file Using Angular js

问题描述

你好我是平均堆栈的初学者。我在localstorage中有数据，我想从本地存储中获取数据并显示在html文件中，但我不知道如何获取它。在视图文件上。

Hello I am beginner in mean Stack. and I have data in localstorage and I want to fetch the data from the local storage and show in html file but I don't know How to get it. on the view file.

$scope.useredit = function (d) {

    var user_id = d._id;
    var dataToModify;

    angular.forEach($scope.dp, function (value, key) {
        if (user_id == value._id) {
            dataToModify = value;
            $localStorage.userData = dataToModify;
            console.log($localStorage.userData.name);
            $location.path('/useredit');
        }
    });

}

当我输入 localStorage; 时进入控制台显示

when I type localStorage; into console it show

ngStorage-userData
:
"{
   "_id":"5846692617e0575c0e0c2211",
   "password":123456,
   "email":"[e-mail]",
   "name":"digvijay12","__v":0
}"

如何将其值输入到视图文件中。我用过

How to get it value into the view file.I used like

<div>{{userData.email}}</div>

但它没有显示data.please帮助我如何获取localstorage数据并显示到视图文件中。

But it is not showing data.please help me how to fetch localstorage data and show into view file.

推荐答案

你可以在没有ngStorage的情况下使用核心概念....
https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage

You can use core concept without ngStorage.... https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage

localStorage.setItem("userData", $scope.Data);

$scope.storageData = localStorage.getItem("userData");
<p>{{storageData.email}}</p>

这篇关于如何将本地存储数据放入视图文件中使用Angular js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！