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
Gestione file Javascript in Blazor con .NET 9
Collegare applicazioni server e client con .NET Aspire
Referenziare un @layer più alto in CSS
Eseguire query in contemporanea con EF
Utilizzare Azure AI Studio per testare i modelli AI
Utilizzare WhenEach per processare i risultati di una lista di task
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Utilizzare l'espressione if inline in una pipeline di Azure DevOps
Utilizzare l nesting nativo dei CSS
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Introduzione alle Container Queries
Eseguire i worklow di GitHub su runner potenziati
I più letti di oggi
- Eseguire query in contemporanea con EF
- Fissare una versione dell'agent nelle pipeline di Azure DevOps
- .NET Aspire per applicazioni distribuite
- Utilizzare Locust con Azure Load Testing
- Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
- Repaint, Reflow e Compositing: Come Funziona il Rendering nel Browser
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!