Link zu einem Teil der Blazor WASM-Seite

Question

Wie verlinke ich auf einen Abschnitt einer Blazor WASM-Seite?

Documentation.razor-Code:

@page "/documentation"
....
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Groups</th>
            </tr>
        </thead>
        @foreach (var group in groups.Where(g => !string.IsNullOrEmpty(g)))
        {
            <tr><td><a href="#@gIndex">@group</a></td></tr>
            gIndex++;
        }

        <tr><td><a href="#@gIndex">Others...</a></td></tr>
    </table>

Der obige Code erstellt eine Liste von Gruppen mit Hyperlinks, wie unten gezeigt:

/#0
/#1
/#2
/#3

Wenn ich jedoch auf die Links klicke, werde ich zum Stammverzeichnis der Webanwendung weitergeleitet und nicht zum Teil der aktuellen Seite, wie zum Beispiel

/documentation#0
/documentation#1
/documentation#2
/documentation#3

Wenn ich im Browser zu /documentation gehe und die Abschnitte manuell anhänge, führt der Browser die entsprechende Umleitung durch.

Ich habe versucht, die Route wie a href="documentation#@gIndex" fest zu codieren, aber das hat nichts gebracht.

Irgendwelche Ideen, wie man einen Hyperlink zu einem Abschnitt auf derselben Seite zum Laufen bringt?

Answer 1

这个错误很久以前就被提出了，请关注这里：哈希路由到命名元素一个>

尝试按如下方式更改链接：

@group