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
Utilizzare WhenEach per processare i risultati di una lista di task
Scrivere selettori CSS più semplici ed efficienti con :is()
Supportare la sessione affinity di Azure App Service con Application Gateway
Utilizzare il metodo ExceptBy per eseguire operazione di sottrazione tra liste
Ridurre il reflow cambiando il CSS
Utilizzare Locust con Azure Load Testing
Raggruppare risorse in .NET Aspire
Creare espressioni riutilizzabili nelle query LINQ per Entity Framework
Gestire progetti .NET + React in .NET Aspire
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Evidenziare una porzione di testo in un pagina dopo una navigazione
Configuratione e utilizzo .NET Aspire CLI


