角JS：鑑於頁面

Question

我正在開發採用了棱角分明的JS小的應用程序，而我在$localStorage存儲控制器內的值得到$ localStorage的值。現在我想在視圖頁面（.html頁面）中使用該值。

有人可以請建議我該怎麼做？

Answer 1

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

然後你就可以在你看來

的exaple使用來自$localStorage所有的功能和價值;

$scope.testValue = $localStorage.nameOfFunction 

而且在你看來，你可以像

{{ testValue }} 

Answer 2

本地存儲插值

集展示，並在與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>