Lien vers une partie de la page Blazor WASM

Question

Comment créer un lien vers une section d'une page Blazor WASM ?

Code Documentation.razor :

@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>

Le code ci-dessus crée une liste de groupes avec des hyperliens comme indiqué ci-dessous :

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

Cependant, lorsque je clique sur les liens, ils me redirigent vers la racine de l'application web et non vers une partie de la page actuelle, comme

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

Si je vais dans /documentation dans le navigateur et que j'ajoute les sections manuellement, le navigateur effectue la redirection appropriée.

J'ai essayé de coder en dur l'itinéraire comme a href="documentation#@gIndex" mais ça n'a rien fait.

Des idées pour faire fonctionner un lien hypertexte vers une section de la même page ?

Answer 1

Ce bug a été soulevé il y a longtemps, veuillez suivre ici : Routage de hachage vers les éléments nommés

Essayez de modifier le lien comme suit :

@group