Nello script #167 abbiamo visto come creare un Component per Angular 2. Rispetto ad AngularJS 1.x, la gestione degli eventi dal DOM verso il nostro codice è leggermente differente.
In Angular 2 viene utilizzata la notazione con parentesi all'interno del template e viene invocato un metodo definito all'interno della classe che rappresenta il component.
@Component({
...
})
export class MyComponent {
constructor() {
}
clicked(event) { alert('click del pulsante'); }
}All'interno del template avremo poi questo pezzo di markup:
<button (click)="clicked($event)">Click</button>
Nel codice del template, andremo ad intercettare l'evento click, invocando il metodo clicked definito all'interno del nostro component.
Se volessimo catturare l'evento, è sufficiente passare $event, come nel nostro caso, così da poter, da esempio, bloccare la propogazione dell'evento:
clicked(event) {
event.preventDefault(); // blocchiamo la propagazione dell'evento
alert('click del pulsante');
}Per approfondimenti:
#167 - Creare un component con Angular 2
https://www.html5italia.com/script/167/Creare-Component-Angular.aspx
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Usare la parola chiave field per semplificare la scrittura di proprietà in C#
Realizzare un accordion con gli elementi HTML details e summary
Gestire progetti NPM in .NET Aspire
Personalizzare le pagine di errore su Azure App Service
Interagire con Azure DevOps tramite MCP Server
Fissare una versione dell'agent nelle pipeline di Azure DevOps
Utilizzo di CSS Scroll Snap per realizzare un carousel
Integrare LLM alle nostre applicazioni in .NET con MCP
Utilizzare il Null conditional assignment di C# 14
Migrare applicazioni legacy nel cloud con Azure App Service Managed Instance
Impostare automaticamente l'altezza del font tramite CSS
Creare una file based app con C#
I più letti di oggi
- Microsoft Visual Studio Code: un nuovo editor gratuito per Windows, MacOSX e Linux per sviluppatori ASP.NET e Node.js
- Costruire servizi basati su XML: SOAP
- Usare le transazioni in applicazioni ASP 1/2
- Security in ASP.NET MVC 5 con ASP.NET Identity 2
- Le novità di ASP.NET 4.0: dall'estendibilità ad ASP.NET AJAX e MVC 2
- Un primo sguardo a Microsoft Velocity
- Gli application pool di IIS 6
- Disponibile la beta 1 del .NET Framework 4.0 e di Visual Studio 2010
- Tutto per portarsi ASP.NET 4.0, Silverlight 4.0 e .NET Framework 4.0 sotto l'ombrellone
- Ecco la roadmap di ASP.NET 5: il rilascio definitivo nel corso del primo trimestre 2016




