Sebbene il motore di binding di Angular sia estremamente potente, esistono casi in cui dobbiamo referenziare un oggetto HTML e utilizzarlo all'interno del codice del component. Per referenziare l'oggetto, dobbiamo innanzitutto assegnargli un nome lato template utilizzando le template variable e successivamente importarlo nel component utilizzando la direttiva @ViewChild.
Se l'oggetto che stiamo referenziando è un normale tag HTML, l'oggetto importato nel component è di tipo ElementRef mentre se stiamo referenziando un altro component, il tipo dell'oggetto importato è il tipo del component.
<input type="text" #tb /> <my-component #mc />
export class MyComponent { @ViewChild('tb') tb: ElementRef; @ViewChild('mc') mc: MyComponent; ... }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare Tailwind CSS all'interno di React: installazione
Eseguire operazioni con timeout in React
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Aggiungere interattività lato server in Blazor 8
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Creare un'applicazione React e configurare Tailwind CSS
.NET Conference Italia 2023
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Generare file PDF da Blazor WebAssembly con iText
Eseguire query verso tipi non mappati in Entity Framework Core
I più letti di oggi
- Cambiare la chiave di partizionamento di Azure Cosmos DB
- ASP.NET 2.0 per tutti
- Definire stili a livello di libreria in Angular
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- .NET Conference Italia 2023 - Milano e Online
- Come EF 8 ha ottimizzato le query che usano il metodo Contains
- Ottimizzazione dei block template in Angular 17