Javascript 如何为每个用户登录持久化前端?我正在用mongodb和nodejs制作一个notes应用程序

Javascript 如何为每个用户登录持久化前端?我正在用mongodb和nodejs制作一个notes应用程序,javascript,node.js,mongodb,mongoose,handlebars.js,Javascript,Node.js,Mongodb,Mongoose,Handlebars.js,我已经创建了一个集合,它每30秒获取一次页面容器html,现在当我在后端调用这个集合并将其发送到Handlebar时,它会显示数据,但不是html格式 router.get("/dashboard/notes", async (req, res) => { const userObj = req.session.user; const notesHtmlObj = await NotesHTMLModel.findOne({ userId: userObj._i

我已经创建了一个集合,它每30秒获取一次页面容器html,现在当我在后端调用这个集合并将其发送到Handlebar时,它会显示数据,但不是html格式

router.get("/dashboard/notes", async (req, res) => {
  const userObj = req.session.user;
  const notesHtmlObj = await NotesHTMLModel.findOne({ userId: userObj._id });
  console.log(notesHtmlObj);
  const payloadObj = {
    htmlString: String(notesHtmlObj.notesHTML),
  };
  res.render("notes", payloadObj);
}); ```

**in handlebars I am calling the payloadObj** 


{{htmlString}}
``` **这是我在首页上看到的,而不是html**
```<div> &amp;lt;div id="TEST" 01="" class="note"&amp;gt; &amp;lt;h1 class="dynamic-color" contenteditable=""&amp;gt;TEST 01 &amp;lt;/h1&amp;gt; &amp;lt;p contenteditable=""&amp;gt;TEST 01 is a test......................&amp;lt;/p&amp;gt; &amp;lt;div class="button-wrapper"&amp;gt; &amp;lt;i id="highlight" class="fas fa-star"&amp;gt;&amp;lt;/i&amp;gt; &amp;lt;i id="delete" class="far dynamic-color fa-trash-alt"&amp;gt;&amp;lt;/i&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt;&amp;lt;div id="TEST" 02="" class="note"&amp;gt; &amp;lt;h1 class="dynamic-color" contenteditable=""&amp;gt;TEST 02&amp;lt;/h1&amp;gt; &amp;lt;p contenteditable=""&amp;gt;TEST 02 is a test......................&amp;lt;/p&amp;gt; &amp;lt;div class="button-wrapper"&amp;gt; &amp;lt;i id="highlight" class="fas fa-star"&amp;gt;&amp;lt;/i&amp;gt; &amp;lt;i id="delete" class="far dynamic-color fa-trash-alt"&amp;gt;&amp;lt;/i&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; </div>```
``&;书信电报;div id=“TEST”01=”“class=“note”&;燃气轮机&;书信电报;h1 class=“动态颜色”contenteditable=“”&;燃气轮机;测试01及;lt/h1&;燃气轮机&;书信电报;p&;燃气轮机;测试01是一项测试;lt/宝洁;燃气轮机&;书信电报;div class=“按钮包装器”&;燃气轮机&;书信电报;i id=“highlight”class=“fas fa star”&;燃气轮机&;lt/i&;燃气轮机&;书信电报;i id=“delete”class=“far dynamic color fa trash alt”&;燃气轮机&;lt/i&;燃气轮机&;lt/律政司;燃气轮机&;lt/律政司;燃气轮机&;书信电报;div id=“TEST”02=”“class=“note”&;燃气轮机&;书信电报;h1 class=“动态颜色”contenteditable=“”&;燃气轮机;测试02&;lt/h1&;燃气轮机&;书信电报;p&;燃气轮机;测试02是一项测试;lt/宝洁;燃气轮机&;书信电报;div class=“按钮包装器”&;燃气轮机&;书信电报;i id=“highlight”class=“fas fa star”&;燃气轮机&;lt/i&;燃气轮机&;书信电报;i id=“delete”class=“far dynamic color fa trash alt”&;燃气轮机&;lt/i&;燃气轮机&;lt/律政司;燃气轮机&;lt/律政司;燃气轮机```

我尝试使用把手助手
#每个
,但它没有显示任何数据

到底是什么问题?这里有两个问题:一个是手柄条,另一个是为每个用户保存数据。您真正想要得到答案的是什么?将HTML呈现为字符串不是一种好的做法。此外,在数据库中保存的数据应该是字符串,因为这有助于抵御XSS攻击。
```<div> &amp;lt;div id="TEST" 01="" class="note"&amp;gt; &amp;lt;h1 class="dynamic-color" contenteditable=""&amp;gt;TEST 01 &amp;lt;/h1&amp;gt; &amp;lt;p contenteditable=""&amp;gt;TEST 01 is a test......................&amp;lt;/p&amp;gt; &amp;lt;div class="button-wrapper"&amp;gt; &amp;lt;i id="highlight" class="fas fa-star"&amp;gt;&amp;lt;/i&amp;gt; &amp;lt;i id="delete" class="far dynamic-color fa-trash-alt"&amp;gt;&amp;lt;/i&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt;&amp;lt;div id="TEST" 02="" class="note"&amp;gt; &amp;lt;h1 class="dynamic-color" contenteditable=""&amp;gt;TEST 02&amp;lt;/h1&amp;gt; &amp;lt;p contenteditable=""&amp;gt;TEST 02 is a test......................&amp;lt;/p&amp;gt; &amp;lt;div class="button-wrapper"&amp;gt; &amp;lt;i id="highlight" class="fas fa-star"&amp;gt;&amp;lt;/i&amp;gt; &amp;lt;i id="delete" class="far dynamic-color fa-trash-alt"&amp;gt;&amp;lt;/i&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; </div>```