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
Evidenziare una porzione di testo in un pagina dopo una navigazione
Implementare il throttle in JavaScript
Nuova modale riconnessione Blazor
Ottimizzare i costi con Smart tier in Azure Blob Storage
Validazione personalizzata nelle Minimal API di ASP.NET Core
Usare i generics di C# con la clausola nameof in modo semplificato
Mischiare codice server side e client side in una query LINQ con Entity Framework
Arricchire l'interfaccia di .NET Aspire
Ottimizzare gli indici con Automatic Index Compaction in Azure SQL Database
Referenziare un package NuGet in una file based app .NET
Abilitare .NET 10 su Azure App Service e Azure Functions
Gestire il routing HTTP in Azure Container App




