Molto spesso capita che a seconda delle scelte dell'utente dobbiamo mostrare o meno una sezione di una pagina. Questo è vero soprattutto quando selezioniamo una checkbox o quando selezioniamo una voce da una dropdown. Grazie al motore di binding di Angular e alle template variable possiamo svolgere questo compito in modo semplice senza dover scrivere codice TypeScript.
<input type="checkbox" name="check" #check [(ngModel)]="fake" /> <div *ngIf="check.checked"> sezione visualizzata solo se checkbox selezionato </div>
La template variable check rappresenta l'istanza del checkbox nel DOM e quindi colleghiamo la visibilità del tag div alla selezione della checkbox tramite la sua proprietà checked. Al fine del funzionamento, è importante che il tag input abbia la direttiva ngModel anche verso una variabile di appoggio. Questo garantisce che il motore di binding funzioni correttamente e che al cambio del valore della checkbox, il div venga mostrato o meno
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare la libreria Benchmark.NET per misurare le performance
Miglioramenti nell'accessibilità con Angular CDK
Creare form tipizzati con Angular
Hosting di componenti WebAssembly in un'applicazione Blazor static
Verificare la provenienza di un commit tramite le GitHub Actions
Come migrare da una form non tipizzata a una form tipizzata in Angular
Cambiare la chiave di partizionamento di Azure Cosmos DB
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Sfruttare al massimo i topic space di Event Grid MQTT
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Reactive form tipizzati con FormBuilder in Angular
I più letti di oggi
- Microsoft annuncia Windows "TrustBridge"
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Una attached property per accedere a NavigationService da ViewModel in Silverlight 4.0
- Usare il colore CSS per migliorare lo stile della pagina
- Estrarre dati randomici da una lista di oggetti in C#