Tra le varie opzioni di una direttiva custom in AngularJS, c'è anche quella che ci permette di specificare lo scope. Se non specifichiamo questa opzione, la direttiva prende in input lo scope del suo contenitore. Questo significa che se abbiamo una view che ha uno scope con le proprietà Nome e Cognome, queste proprietà saranno disponibili per default anche nella direttiva.
Sebbene questa funzionalità sia comoda, far utilizzare a una direttiva lo scope del contenitore implica che la direttiva abbia conoscenza del proprio contenitore e per l'incapsulamento questa non è una cosa positiva. La cosa migliore è che la direttiva abbia un proprio scope e che il padre lo valorizzi.
Per fare questo dobbiamo dichiarare le proprietà nello scope come nell'esempio.
.directive('myDir', function () { return { scope:{ Nome: '@Nome', Cognome: '@Cognome' } }; });
A questo punto, Nome e Cognome possono essere impostate tramite attributo nella dichiarazione della direttiva come nel prossimo esempio.
<my-dir nome="{{parentScopeNome}} cognome="{{parentScopeCognome}}"></my-dir>
In questo caso, stiamo impostando le proprieta Nome e Cognome rispettivamente con i valori della proprietà parentScopeNome e parentScopeCognome dello scope contenitore.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Applicare un filtro per recuperare alcune issue di GitHub
Configurare lo startup di applicazioni server e client con .NET Aspire
.NET Aspire per applicazioni distribuite
Eliminare una project wiki di Azure DevOps
Testare l'invio dei messaggi con Event Hubs Data Explorer
Supportare la crittografia di ASP.NET Core con Azure Container App
Persistere la ChatHistory di Semantic Kernel in ASP.NET Core Web API per GPT
Centralizzare gli endpoint AI Foundry con Azure API Management
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
Generare una User Delegation SAS in .NET per Azure Blob Storage
Fissare una versione dell'agent nelle pipeline di Azure DevOps
I più letti di oggi
- Sfruttare i nuovi overload di TimeSpan.From* per creare timespan usando numeri interi
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Inviare i comandi SQL generati da Entity Framework alla console di Visual Studio
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!