Blazor 服务器自定义重新连接 UI - 显示重试尝试

Question

我有一个 Blazor Server 应用程序，它在电路断开连接时使用自定义“重新连接”UI 元素。这是正常的。

但是，在这样做的过程中，我丢失了显示已进行了多少次尝试的“1 of 8”文本。

我查看了有关自定义 UI 的 Microsoft 文档：

https://learn.microsoft.com/en-us/aspnet/core/blazor/fundamentals/signalr?view=aspnetcore-3.1#reflect-the-connection-state-in-the-ui

...但是没有提到显示尝试次数。

有没有人成功地在自定义 UI 中显示了尝试次数，请指点我正确的方向？

Answer 1

在 blazor.server.js 中四处挖掘后，我发现了以下代码行：

  Ln.CurrentAttemptId = "components-reconnect-current-attempt";

...并添加了一个带有该 Id 的元素，如下所示：

            <span id="components-reconnect-current-attempt">Number of Attempts here...</span>

...并得到了我想要的结果！