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
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Installare le Web App site extension tramite una pipeline di Azure DevOps
Disabilitare automaticamente un workflow di GitHub
Sostituire la GitHub Action di login su private registry
Ottimizzazione dei block template in Angular 17
Creare un'applicazione React e configurare Tailwind CSS
Configurare policy CORS in Azure Container Apps
Elencare le container images installate in un cluster di Kubernetes
Eseguire una query su SQL Azure tramite un workflow di GitHub
Utilizzare politiche di resiliency con Azure Container App
Come migrare da una form non tipizzata a una form tipizzata in Angular
Inizializzare i container in Azure Container Apps
I più letti di oggi
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- ASP.NET 3.5 per tutti
- .NET Conference Italia 2023 - Milano e Online
- Sblocca le performance della tua applicazione con .NET 8
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!