Nello script #144 abbiamo visto come utilizzare la direttiva ng-src per costruire l'attributo src di un tag img tramite il binding. In questo script vediamo come utilizzare l'attributo ng-href per coprire un'esigenza simile, cioè quella di creare il tag href di un tag a a runtime tramite binding. Prendiamo in considerazione il seguente esempio.
<a href="person/{{id}}">{{name}}</a>
Sebbene funzioni, questo approccio presenta un problema: il browser genera il tag a così come lo vediamo e successivamente, il motore di binding modifica il valore {{id}} con la proprietà id dello scope. Questo significa che tra il momento in cui il browser genera il tag a e il momento in cui il motore di binding di AngularJS costruisce correttamente l'url nella pagina c'è un link con un url errato.
Per evitare questo problema, possiamo utilizzare la direttiva ng-href. Questa direttiva genera l'attributo href solo dopo che il motore di binding genera l'url corrretto.
<a ng-href="person/{{id}}">{{name}}</a>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestione CSS in Blazor con .NET 9
Selettore CSS :has() e i suoi casi d'uso avanzati
Proteggere le risorse Azure con private link e private endpoints
Configurare lo startup di applicazioni server e client con .NET Aspire
Gestire gli accessi con Token su Azure Container Registry
Recuperare App Service cancellati su Azure
Disabilitare le run concorrenti di una pipeline di Azure DevOps
Il nuovo controllo Range di Blazor 9
Utilizzare WebJobs su Linux con Azure App Service
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Gestione degli eventi nei Web component HTML
Persistere la ChatHistory di Semantic Kernel in ASP.NET Core Web API per GPT