Quando dobbiamo mostrare un'immagine, spesso capita che dobbiamo deciderne l'url da codice. In questi casi possiamo mettere in binding la proprietà src del tag image con una proprietà dello scope.
<img src="{{imageUrl}}" alt="image"/>
Sebbene funzioni, questo approccio presenta un problema: quando il browser parsa il codice HTML effettua una richiesta all'url "{{imageUrl}}" andando ovviamente in errore. Quando poi il motore di binding di AngularJS trasforma l'espressione di binding nell'url reale dell'immagine allora viene nuovamente effettuata una richiesta per l'immagine.
Per evitare la doppia richiesta, possiamo utilizzare la direttiva ngSrc che effettua la chiamata per scaricare l'immagine solo dopo che il motore di binding ha impostato l'url reale.
<img ng-src="{{imageUrl}}" alt="image"/>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Proteggere le risorse Azure con private link e private endpoints
Gestire gli accessi con Token su Azure Container Registry
Configurare lo startup di applicazioni server e client con .NET Aspire
Migliorare la sicurezza dei prompt con Azure AI Studio
Utilizzare l nesting nativo dei CSS
Introduzione ai web component HTML
Gestione dell'annidamento delle regole dei layer in CSS
Referenziare un @layer più alto in CSS
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione
Creare un webhook in Azure DevOps
Triggerare una pipeline su un altro repository di Azure DevOps