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
Mischiare codice server side e client side in una query LINQ con Entity Framework
Configuratione e utilizzo .NET Aspire CLI
Avviare rapidamente un container con Azure Container Apps Express
Raggruppare risorse in .NET Aspire
Cache temporanea in Javascript con oggetti
Utilizzare AbortController per cancellare operazioni asincrone in JavaScript
Utilizzare le librerie native di .NET per comprimere uno o più file in formato ZIP
Response streaming con Blazor e .NET 10
Microsoft Fabric: la piattaforma unificata per l'ecosistema dati moderno
Self-healing degli unit test con Copilot in GitHub
.NET Aspire vs Dapr: differenze, sovrapposizioni e integrazione
Impostare la content-visibility in CSS per ottimizare il rendering iniziale di una pagina


