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
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Copiare automaticamente le secret tra più repository di GitHub
C# 12: Cosa c'è di nuovo e interessante
Creare gruppi di client per Event Grid MQTT
.NET Conference Italia 2023
Utilizzare la session affinity con Azure Container Apps
Miglioramenti agli screen reader e al contrasto in Angular
Eseguire una query su SQL Azure tramite un workflow di GitHub
Utilizzare Tailwind CSS all'interno di React: primi componenti
Generare file PDF da Blazor WebAssembly con iText
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Usare il versioning con i controller di ASP.NET Core Web API
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)