Angularjs：本地存储contenteditable不保存
创始人
2024-10-27 18:00:57
0次

在AngularJS中，可以使用localStorage来实现本地存储。要解决“contenteditable不保存”的问题，可以使用以下步骤：

  1. 在控制器中创建一个变量来存储编辑的内容：
$scope.content = localStorage.getItem('content') || '';
  1. 在HTML模板中，使用contenteditable指令将内容设置为可编辑的，并绑定到content变量：
  1. 在$scope的$watch函数中，监视content变量的变化，并在变化时将其保存到localStorage：
$scope.$watch('content', function(newVal, oldVal) {
  if (newVal !== oldVal) {
    localStorage.setItem('content', newVal);
  }
});

这样，当用户编辑内容时，变化将自动保存到localStorage中。每次加载页面时，也会从localStorage中读取之前保存的内容并显示在可编辑区域中。

请注意，localStorage只能存储字符串类型的数据，如果需要存储对象或其他数据类型，需要进行相应的转换。

上一篇：AngularJS：angular.js:11607类型错误：无法设置undefined的属性'0'。

下一篇：AngularJS：编辑页面和添加页面具有相同的状态和URL。

相关内容

热门资讯

透视黑科技！aapoker免费... 透视黑科技！aapoker免费透视脚本（透视）透视脚本（竟然是真的有挂）1、点击下载安装，aapok...
辅助透视！aapoker怎么提... 辅助透视！aapoker怎么提高中牌率（透视）插件下载（本来真的是有挂）1、aapoker怎么提高中...
透视了解！aapoker辅助软... 透视了解！aapoker辅助软件合法吗（透视）脚本（原来真的是有挂）1、任何aapoker辅助软件合...
透视工具！aapoker辅助器... 透视工具！aapoker辅助器怎么用（透视）透视脚本入口（真是真的是有挂）；1、aapoker辅助器...
透视app！aapoker辅助... 透视app！aapoker辅助怎么用（透视）辅助（一贯存在有挂）1、aapoker辅助怎么用系统规律...
透视辅助！aapoker俱乐部... 透视辅助！aapoker俱乐部靠谱吗（透视）插件（本来真的有挂）aapoker俱乐部靠谱吗辅助器中分...
透视安卓版！aapoker怎么... 透视安卓版！aapoker怎么开辅助器（透视）透视插件（果然是有挂）1、aapoker怎么开辅助器透...
透视肯定！aapoker辅助器... 透视肯定！aapoker辅助器怎么用（透视）辅助（竟然是真的有挂）1、实时aapoker辅助器怎么用...
透视安卓版！aapoker透视... 透视安卓版！aapoker透视脚本入口（透视）插件（确实是真的有挂）aapoker透视脚本入口辅助器...
透视最新！aapoker安装包... 透视最新！aapoker安装包怎么使用（透视）辅助插件工具（其实真的有挂）亲，关键说明，aapoke...