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
Creare una libreria CSS universale: Cards
Change tracking e composition in Entity Framework
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core
Creare una custom property in GitHub
Recuperare l'ultima versione di una release di GitHub
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Paginare i risultati con QuickGrid in Blazor
Sfruttare GPT-4o realtime su Azure Open AI per conversazioni vocali
Utilizzare politiche di resiliency con Azure Container App
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core