KnockoutJS: evento de clique invocado em todas as opções em Select
Quero que o Knockout chame um evento sempre que o usuário clicar em uma opção em um elemento SELECT.
Aqui está meu JavaScript:
function ReservationsViewModel() {
this.availableMeals = [
{ mealName: "Standard (sandwich)", price: 0 },
{ mealName: "Premium (lobster)", price: 34.95 },
{ mealName: "Ultimate (whole zebra)", price: 290 }
];
}
ko.applyBindings(new ReservationsViewModel());
Aqui está meu HTML:
<select data-bind="foreach: availableMeals">
<option data-bind="text: mealName, click: alert('hello')" />
</select>
Mas quando eu corro isso, o aplicativo mostra "olá" três vezes, embora nenhuma das opções tenha sido clicada.
O que estou fazendo de errado?