如何獲取本地存儲數據到視圖文件使用Angular js

你好我是平均Stack初學者。並且我在localstorage中有數據，我想從本地存儲中獲取數據並顯示在html文件中，但我不知道如何獲取它。在視圖文件上。如何獲取本地存儲數據到視圖文件使用Angular js

$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;到控制檯顯示它

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

如何獲得它的價值爲file.I使用像

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

的看法，但它沒有顯示data.please幫助我如何獲取localStorage的數據並顯示到查看文件。

來源

2016-12-20 Shahzad Ditro

使用本地存儲並不難，實際上非常簡單。看到這篇文章。我實際上在不久前使用過這個項目（一個角度項目），本文中的示例幾乎完全是我需要的。 http://www.w3schools.com/HTML/html5_webstorage.asp 本地存儲不是一個角度的事情。這是一個HTML5 /瀏覽器的東西。 –

我想使用MEAN Stack將本地存儲數據顯示到視圖文件中 –

可以顯示您的查看頁面嗎？ – Balan

您可以使用核心概念沒有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>

來源

2016-12-20 12:21:07

爲了更好地理解單擊此DEMO

在你需要注入「ngStorage」 angular.module('MyApp', ["ngStorage"])控制器。並添加相關性腳本鏈接<script src="https://cdn.jsdelivr.net/ngstorage/0.3.6/ngStorage.min.js"></script>

HTML

<html ng-app="MyApp"> 

<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script> 
    <script src="https://cdn.jsdelivr.net/ngstorage/0.3.6/ngStorage.min.js"></script> 
    <script src="script.js"></script> 
</head> 

<body> 
    <div ng-controller="MyController"> 
     <input type="button" value = "Save" ng-click = "Save()" /> 
     <input type="button" value = "Get" ng-click = "Get()" /> 
    </div> 
</body> 
</html>

的script.js

var app = angular.module('MyApp', ["ngStorage"]) 
     app.controller('MyController', function ($scope, $localStorage, $sessionStorage, $window) { 
      $scope.Save = function() { 
       $localStorage.email = "[email protected]"; 
      } 
      $scope.Get = function() { 
       $window.alert($localStorage.email); 
      } 
     });

希望這將是有用的爲您服務。

來源

2016-12-20 12:56:35

如何獲得localStoragedata任何地方，這是非常簡單的，我們要通過localStorage的數據到控制器全局變量假設

我們有數據爲localStorage的

$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.userData成控制器啓動後的另一個變量。

app.controller("usercontroller",function($scope,$http, $localStorage,$location){ 

      $scope.registeruser = $localStorage.userData; 

$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'); 
      } 
     }); 

    } 

});

來源

2016-12-21 08:24:03

如何獲取本地存儲數據到視圖文件使用Angular js

回答

相關問題