Question

我有一个Blazor服务器端应用程序，可以通过远程Internet连接到服务器来从偏远地区的用户查看它。在浏览器中输入URL后，它将显示空白屏幕几秒钟，然后显示我的加载动画，然后加载内容。

加载动画是我在等待API调用返回数据时在页面上显示的内容。没什么特别的。但是，黑屏呢？浏览器试图与服务器建立SignalR连接时是这样吗？

我对速度较慢表示满意，但是在建立此连接时是否可以使用加载动画？黑屏根本不是理想的选择。

谢谢您的建议。

Answer 1

如何更改加载指示器以使其从一开始就可见，如果您有布尔字段，则最初将为true。这样一来，在显示页面后，您将看到加载屏幕，并且在获取API数据后，您可以将其标记为隐藏。

以下剃刀的一些示例代码：

@if (IsLoading)
{
    <div class="loader">Loading...</div>
}


@code {
    public bool IsLoading { get; set; } = true;

    protected override async Task OnInitializedAsync()
    {
        await _apiClient.Get(...);
        IsLoading = false;
    }
}

初始连接时Blazor服务器端应用程序黑屏

1 个答案: