Attivare la localizzazione in Blazor WebAssembly

di Marco De Sanctis, in ASP.NET Core,

Come tutte le piattaforme di sviluppo moderne, anche Blazor supporta concetti come localizzazione e globalizzazione, che ci permettono di scrivere applicazioni che si adattiao alla cultura dell'utente e rappresentano in maniera corretta elementi quali numeri, date, valute, e via discorrendo.

Per poter utilizzare queste funzionalità in Blazor, dobbiamo prima di tutto attivarle aggiungendo la seguente chiave all'interno del file di progetto:

<PropertyGroup>
  <BlazorWebAssemblyLoadAllGlobalizationData>true</BlazorWebAssemblyLoadAllGlobalizationData>
</PropertyGroup>

A questo punto, il motore di rendering sfrutterà la culture impostata in CurrentUICulture per renderizzare gli elementi che abbiamo indicato in precedenza nel formato corretto:

@page "/"
@using System.Globalization

<p>Current culture: @CultureInfo.CurrentUICulture</p>

<p><input type="date" @bind="value" /></p>
<p>@value.ToShortDateString()</p>

@code{
    private DateTime value = DateTime.Today;
}

L'esempio precedente dimostra come questa funzionalità si applichi sia alla rappresentazione del dato (una data, nel nostro caso), sia al parsing dell'input dell'utente.


Blazor è in grado di recuperare l'informazione della culture da utilizzare dal browser dell'utente: tutti i browser moderni, infatti, permettono nelle loro opzioni di selezionare quella preferita. Nel caso di Edge, per esempio, possiamo selezionare la lingua nelle impostazioni.


In un prossimo script, vedremo come fare a forzare una particolare lingua tramite un selettore.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi