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
Effettuare il binding di date in Blazor
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Evitare la script injection nelle GitHub Actions
Utilizzare politiche di resiliency con Azure Container App
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Eseguire attività con Azure Container Jobs
Utilizzare il trigger SQL con le Azure Function
Code scanning e advanced security con Azure DevOps
Limitare le richieste lato server con l'interactive routing di Blazor 8
Routing statico e PreRendering in una Blazor Web App