在 Blazor 上使用 Localstorage
在 Blazor 專案上,想使用 Localstorage 的功能,寫 JS 是最快解但很煩,幸好有套件可使用,就是 Blazored.LocalStorage
,而且使用上非常簡單。
第一步是在 Program.cs 加上這一行:
builder.Services.AddBlazoredLocalStorage();
下列程式碼是 Blazor 的前端部份:
@using Blazored.LocalStorage
@inject ILocalStorageService localstorage;
....
@code {
List<WebUrlData> list = new List<WebUrlData>();
await localstorage.SetItemAsync<List<WebUrlData>>(nameof(WebUrlData), list);
List<WebUrlData> list = await localstorage.GetItemAsync<List<WebUrlData>>(nameof(WebUrlData));
}
參考資料