每当用户单击SELECT元素中的选项时,我希望Knockout调用一个事件.
这是我的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());
Run Code Online (Sandbox Code Playgroud)
这是我的HTML:
<select data-bind="foreach: availableMeals">
<option data-bind="text: mealName, click: alert('hello')" />
</select>
Run Code Online (Sandbox Code Playgroud)
但是当我运行它时,即使没有实际点击任何选项,应用程序也会显示"hello"三次.
我究竟做错了什么?