我正在開發採用了棱角分明的JS小的應用程序,而我在$localStorage
存儲控制器內的值得到$ localStorage的值。現在我想在視圖頁面(.html頁面)中使用該值。角JS:鑑於頁面
有人可以請建議我該怎麼做?
我正在開發採用了棱角分明的JS小的應用程序,而我在$localStorage
存儲控制器內的值得到$ localStorage的值。現在我想在視圖頁面(.html頁面)中使用該值。角JS:鑑於頁面
有人可以請建議我該怎麼做?
在你的控制器,它連接到你的html-view Template
,Inject $localStorage
。
然後你就可以在你看來
的exaple使用來自$localStorage
所有的功能和價值;
$scope.testValue = $localStorage.nameOfFunction
而且在你看來,你可以像
{{ testValue }}
本地存儲插值
集展示,並在與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>
顯示這個'$ localStorage'變量分配給一個'$範圍'變量並在你的視圖中使用它。 –
的可能的複製[如何獲得本地存儲的數據爲採用了棱角分明的js視圖文件(https://stackoverflow.com/questions/41241835/how-to-get-the-local-storage-data-into-the使用-view-文件棱角-JS) –