Obtenir l'URL actuelle dans un composant Blazor

asp.net-core blazor c#

Question

J'ai besoin de connaître l'URL de la page en cours pour vérifier si je dois appliquer un certain style à un élément. Le code ci-dessous est un exemple.

@using Microsoft.AspNetCore.Blazor.Services
@inject IUriHelper UriHelper
@implements IDisposable

<h1>@url</h1>
<nav>
    <div class="nav-wrapper">
        <a href="#" class="brand-logo">Blazor</a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
            <li>
                <NavLink href="/" Match=NavLinkMatch.All>
                    Home
                </NavLink>
            </li>
            <li>
                <NavLink href="/counter">
                    Counter
                </NavLink>
            </li>
            <li>
                <NavLink href="/fetchdata">
                    Fetch data
                </NavLink>
            </li>
        </ul>
    </div>
</nav>

@functions {

    private string url = string.Empty;

    protected override void OnInit()
    {
        url = UriHelper.GetAbsoluteUri();
        UriHelper.OnLocationChanged += OnLocationChanged;
    }

    private void OnLocationChanged(object sender, string newUriAbsolute)
    {
        url = newUriAbsolute;
    }

    public void Dispose()
    {
        UriHelper.OnLocationChanged -= OnLocationChanged;
    }
}

J'ai utilisé la même approche que celle utilisée dans le composant NavLink du référentiel Blazor, mais cela n'a pas fonctionné. Des idées?.

Réponse populaire

Il n'est pas utile de se connecter à l'événement OnLocationChanged dans une page ou un composant, car ils sont chargés et supprimés dans demannd.

Vous devez vous inscrire à cet événement dans app.cshtml car cela ne sera pas supprimé.




Sous licence: CC-BY-SA with attribution
Non affilié à Stack Overflow
Est-ce KB légal? Oui, apprenez pourquoi
Sous licence: CC-BY-SA with attribution
Non affilié à Stack Overflow
Est-ce KB légal? Oui, apprenez pourquoi