gpt4 book ai didi

javascript - localStorage with angularJS - 如何将值动态绑定(bind)到浏览器中的所有选项卡

转载 作者:行者123 更新时间:2023-11-28 18:18:42 25 4
gpt4 key购买 nike

我有 2 个文件,index.html 和 server.js。

我正在使用本地存储来保存选项卡之间的文本。我的代码如下。2个问题:1. 如果我关闭浏览器(如果我关闭计算机?),此信息是否会被保存。2.如何更改此代码以动态更改所有打开的选项卡中的值?目前,当我打开新选项卡/在旧选项卡上按刷新时,它只是显示新值...

谢谢

index.html

<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="http://code.angularjs.org/1.2.13/angular.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="mainCtrl">
<h1></h1>
<h2>Current LocalStorage value is = {{ msg }} </h2>
<input type="text" ng-model="value">
<input type="button" value="save value" ng-click="update(value)">
</body>
</html>

脚本.js

var app;
app = angular.module("app", []);
app.controller("mainCtrl", function(myLocalStorage, $scope) {

$scope.msg = myLocalStorage.getData();

$scope.update = function(msgContent) {
$scope.msg = myLocalStorage.setData(msgContent);
};

});
app.factory("myLocalStorage", function($window) {
return {
setData: function(val) {
$window.localStorage && $window.localStorage.setItem('my-storage', val);
return val;
},
getData: function() {
return $window.localStorage && $window.localStorage.getItem('my-storage');
}
};
});

最佳答案

  1. 是的。会的。
  2. 您应该订阅存储更改事件

    $window.on('storage', this.onStorageChanged);

关于javascript - localStorage with angularJS - 如何将值动态绑定(bind)到浏览器中的所有选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40344505/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com