改变主题和存储的简单方法 - 离子

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，这很棒。