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
Eseguire una ricerca avanzata per recuperare le issue di GitHub
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Migliorare l'organizzazione delle risorse con Azure Policy
Centralizzare gli endpoint AI Foundry con Azure API Management
Creare una libreria CSS universale: Clip-path
Gestire i dati con Azure Cosmos DB Data Explorer
Triggerare una pipeline su un altro repository di Azure DevOps
Ridurre il reflow cambiando il CSS
Loggare le query più lente con Entity Framework
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Eseguire script pre e post esecuzione di un workflow di GitHub
I più letti di oggi
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Sfruttare i nuovi overload di TimeSpan.From* per creare timespan usando numeri interi
- 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!