角JS：鉴于页面

我正在开发采用了棱角分明的JS小的应用程序，而我在$localStorage存储控制器内的值得到$ localStorage的值。现在我想在视图页面（.html页面）中使用该值。角JS：鉴于页面

有人可以请建议我该怎么做？

2017-08-28 Shivam

显示这个'$ localStorage'变量分配给一个'$范围'变量并在你的视图中使用它。 –

的可能的复制[如何获得本地存储的数据为采用了棱角分明的js视图文件（https://stackoverflow.com/questions/41241835/how-to-get-the-local-storage-data-into-the使用-view-文件棱角-JS） –

在你的控制器，它连接到你的html-view Template,Inject $localStorage。

然后你就可以在你看来

的exaple使用来自$localStorage所有的功能和价值;

$scope.testValue = $localStorage.nameOfFunction

而且在你看来，你可以像

{{ testValue }}

来源

2017-08-28 07:45:41 Atlas

本地存储插值

集展示，并在与localStorage获取数据的JavaScript：

localStorage.setItem("storageKey", "storedValueGoesHere"); //save into local storage 
var test = localStorage.getItem("storageKey"); //get value from local storage 
console.log(test); //Logs "storedValueGoesHere"

在AngularJS

我假设你使用指的是ngStorage模块

使用这样ngStorage js文件（请确保您加载后angularjs加载中，请注意的script标签顺序）：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script> 

<script type="text/javascript" src="https://cdn.jsdelivr.net/ngstorage/0.3.6/ngStorage.min.js"></script>

现在，在你的控制器注入$localStorage服务

angular.module('app', ['ngStorage']).controller('Ctrl', function ($scope, $localStorage) { 
       $scope.modelToBeDisaplyedinView = ''; 
       $scope.Save = function() { 
       $localStorage.LocalMessage = "save some text here !"; 
      } 
      $scope.Get = function() { 
       $scope.modelToBeDisaplyedinView = $localStorage.LocalMessage ; 
      });

HTML

现在，在你看来是这样

<div ng-app="app" ng-controller="Ctrl"> 
     <input type="button" value="Save" ng-click="Save()" /> 
     <input type="button" value="Get" ng-click="Get()" /> 
<p ng-bind="modelToBeDisaplyedinView "></p> 

<p> {{modelToBeDisaplyedinView }}</p> 
    </div>

来源

2017-08-28 08:18:16 Winnie

角JS：鉴于页面

回答

相关问题