更改主題和存儲它的簡單方法 - Ionic

Question

我有這個元素。 我想在用戶單擊按鈕時更改其顏色和字體大小

<h1> Hello Stackoverflow </h1>
<button (click)="changeTheme()">Change Theme</button>

什么是使用 Ionic 應用程序更改主題和存儲它的好方法（在用戶再次打開應用程序時保持更改）

知道我有很多頁面，我想改變它的字體大小和顏色

Answer 1

有幾種可能性： localStorage https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 、 sessionStorage、cookies 等。

使用 LocalStorage 只需使用您想要的值設置您想要的項目的鍵：

window.localStorage.setItem('themeColor', '#your color value or theme name');

並閱讀它：

const storedColor = window.localStorage.getItem('themeColor');

並像這樣刪除它：

window.localStorage.removeItem('themeColor')

對於更復雜的東西，您可以使用localForage ，這很棒。