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
Generare file per il download da Blazor WebAssembly
Aggiungere interattività lato server in Blazor 8
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Elencare le container images installate in un cluster di Kubernetes
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Assegnare un valore di default a un parametro di una lambda in C#
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Sfruttare al massimo i topic space di Event Grid MQTT
Eseguire query verso tipi non mappati in Entity Framework Core
Verificare la provenienza di un commit tramite le GitHub Actions
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Generare file PDF da Blazor WebAssembly con iText