Lorsque j'utilise Dart, je crée une classe DOM sur l'événement click. Il ne reprend que le premier élément, comment puis-je le faire feu sur tous les éléments?

Question

J'expérimente Dart. J'ai créé un sur événement click comme ceci: query('.numbutton').on.click.add((e) { window.alert('click!'); });

J'ai plusieurs boutons à l'aide du bouton numérique de classe: <input type="button" class="numbutton" value="1"> <input type="button" class="numbutton" value="2"> <input type="button" class="numbutton" value="3">

Lorsque je clique sur le bouton 1 une alerte apparaît qui dit cliquez! mais si je clique sur le bouton 2 ou 3 rien ne se passe. Je l'ai essayé avec jQuery et il fonctionne très bien:

$('.numbutton').click(function(){ 
    alert('click!'); 
}); 

Qu'est-ce que je manque avec DART?

Answer 1

final List<Element> elements = queryAll('.numbutton'); 
for(Element e in elements) { 
    e.on.click.add((e) => print('clicked!')); 
} 

ou

queryAll('.numbutton').forEach((e) => e.on.click.add((e) => print('NPE-safe one-liner!')));