我正在使用 Angular Js 开发一个小应用程序,我将一个值存储在 Controller 内的 $localStorage
中。现在我想在 View 页面(.html 页面)中使用该值。
有人可以建议我该怎么做吗?
最佳答案
本地存储
在 JavaScript 中使用 localStorage
设置和获取数据:
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>
现在,在你的 Controller 中注入(inject) $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
现在像这样在你的 View 中显示它
<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>
关于javascript - Angular Js : get $localStorage value in view page,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45913827/