Nello script #159 abbiamo visto come creare uno scope dedicato a una direttiva custom. In quello script abbiamo specificato uno scope monodirezionale, cioè dove lo scope del contenitore imposta il valore delle prorietà dello scope della direttiva. In questo script invece specifichiamo uno scope bidirezionale dove il cambio del valore delle proprietà dello scope della direttiva viene propoagato anche allo scope del contenitore.
Per specificare questo comportamento dobbiamo semplicemente anteporre il carattere "=" al nome della proprietà dello scope padre come mostrato nell'esempio.
.directive('myDir', function () { return { scope:{ Nome: '=Nome', Cognome: '=Cognome' } }; });
A questo punto, quando la direttiva modifica il valore di Nome o Cognome, queste modifiche vengono propagate anche allo scope padre. L'uso della direttiva è visibile come nel prossimo codice.
<my-dir nome="{{parentScopeNome}}" cognome="{{parentScopeCognome}}"></my-dir>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestire progetti .NET + React in .NET Aspire
Testare il failover sulle region in Azure Storage
Eliminare record doppi in Sql Server
Ridurre il reflow cambiando il CSS
Utilizzare Locust con Azure Load Testing
Utilizzare Hybrid Cache in .NET 9
Creare agenti facilmente con Azure AI Agent Service
Creare una libreria CSS universale: Immagini
Gestire codice JavaScript con code splitting e lazy loading
Centralizzare gli endpoint AI Foundry con Azure API Management
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Ridurre il reflow ottimizzando il CSS
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Impersonation di utente per l'esecuzione di codice in una pagina ASP.NET
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!