小编zbu*_*548的帖子

当我尝试将其扩展为包含 contentEditable 时，本地存储停止工作。当我尝试将其扩展为包含 contentEditable 时，本地存储停止工作。以下是 CodePen 的链接：https ://codepen.io/zanderbush/pen/WNwWbWe 。任何帮助表示赞赏。

单独，这是有效的。

var app = angular.module('TodoApp', ["LocalStorageModule"]);

app.controller('TodoController', function($scope, localStorageService) {
  
  if (!localStorageService.get("taskListActive")) {
    $scope.tasksActive = [
      {
        text: "Do me next",
        priority: 1,
        complete: false
      },
      {
        text: "I'm not important",
        priority: 0,
        complete: false
      }
    ];
    
  } else {
    $scope.tasksActive = localStorageService.get("taskListActive");
  }
  
  if (!localStorageService.get("taskListComplete")) {
    $scope.tasksComplete = [
      {
        text: "I'm already done",
        priority: 0,
        complete: true
      }
    ];
  } else {
    $scope.tasksComplete = localStorageService.get("taskListComplete");
  }
  
  $scope.totalTasks = …

我正在尝试在不同的行上添加列表元素。使用 contenteditable，我可以这样做。但是，当我重新加载页面时，内容仍然存在，但项目之间没有分离。作为视觉：

（内容可编辑）

骨骼：

1. 骨头凉了

2. 骨头很有帮助

（刷新页面后）

骨头： 1.骨头很酷。2. 骨头很有帮助。

这里还有一个视频。在观看文本复制和粘贴时，您可能也会注意到，这很奇怪：https : //drive.google.com/file/d/1yN2oUntxAkPdkXNWCjiWC1XFcNqa_O1j/view

这是您可能需要在 JSFiddle 中打开的代码，因为有本地存储：

var app = angular.module("TodoApp", ["LocalStorageModule"]);
app.controller("TodoController", function ($scope, localStorageService) {
    if (!localStorageService.get("taskListActive")) {
        $scope.tasksActive = [{
            text: "Do me next",
            priority: 1,
            complete: false
        },
        {
            text: "I'm not important",
            priority: 0,
            complete: false
        }
        ];
    } else {
        $scope.tasksActive = localStorageService.get("taskListActive");
    }

    if (!localStorageService.get("taskListComplete")) {
        $scope.tasksComplete = [{
            text: "I'm already done",
            priority: 0,
            complete: true
        }];
    } else {
        $scope.tasksComplete = …