Blazor - 如何在瀏覽器中保存 boolean state（真/假），以便在重新加載頁面時不會更改？

Question

我有兩個不同的視圖（列表和卡片），我想保存切換的一個，以便在 Blazor / C# 中重新加載頁面時它不會改變。

<p>Testing-Function</p>
<button @onclick="ToggleListCard">Testing-button</button>


private bool CardIsActive = true;
private void ToggleListCard() {
    if (CardIsActive == true)
    {
        CardIsActive = false;
        OnCardListToggled.InvokeAsync(CardIsActive = false);
        Console.WriteLine("True Toggled!");     
    }                                       
    else                                   
    {
          CardIsActive = true;
          OnCardListToggled.InvokeAsync(CardIsActive = true);
          Console.WriteLine("False Toggled!");
    }

    Console.WriteLine("Toggled!");
}

Answer 1

您可以使用此https://github.com/Blazored/LocalStorage庫將 object 保存到瀏覽器本地存儲並在每次需要時讀取。
替代方式：使用 JS 互操作獲取並保存在本地存儲中
JS 互操作： https://docs.microsoft.com/en-us/aspnet/core/blazor/call-javascript-from-dotnet?view=aspnetcore-5.0
本地存儲： https://www.w3schools.com/html/html5_webstorage.asp