在 Angular 上使用本地存儲

Question

我正在嘗試使用 Angular 制作一個簡單的電話簿，但我正在努力讓我的“應用程序”存儲插入到本地存儲的信息。

這是我到目前為止所擁有的，所以如果有人有時間去頂峰，我將非常感激。

https://easyupload.io/m/uk7r3f

Answer 1

以下代碼段訪問當前域的本地Storage object 並使用Storage.setItem()向其中添加數據項。

localStorage.setItem('myCat', 'Tom');

讀取localStorage項的語法如下：

const cat = localStorage.getItem('myCat');

刪除localStorage項的語法如下：

localStorage.removeItem('myCat');

刪除所有localStorage項的語法如下：

localStorage.clear();

注意：有關完整示例，請參閱使用 Web 存儲 API文章。

來源： https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage#example

Answer 2

您可以使用 setItem、getItem、removeItem 方法使用 localStorage 執行 CRUD 操作

   localStorage.setItem('key', 'value');

有關更多信息，您可以關注： 在 localStorage 中添加數據

Answer 3

localStorage.setItem('key', 'value') = > 允許您在瀏覽器存儲中存儲項目

localStorage.getItem('key') = > 允許您從瀏覽器存儲中讀取指定鍵項的值。 欲了解更多信息： https://www.journaldunet.fr/web-tech/developpement/1441263-comment-gerer-le-stockage-en-local-dans-la-session-d-un-navigateur-avec-angular/