我有多个需要导航菜单的 UI 组件。我正在尝试创建其他视图模型可以使用的 MenuItem 视图模型。
这个想法类似于Knockout Webmail 示例。
例如,“Window”视图模型可以有一个“MenuItems”数组。MenuItem 包含所有行为功能(悬停和活动状态)。
虽然在我的用例中悬停和活动状态是相当标准的,但每个 MenuItem 都需要单独触发一个点击处理程序。
如果我可以在 MenuItem 视图模型中附加事件回调,这样父视图模型可以处理每个菜单项的单击事件,那将是理想的。
我可以在父 viewModel 中定义点击处理程序,但是如何在 foreach 模板绑定中引用每个 MenuItem 的点击处理程序?
我仍在尝试并在jsFiddle中创建了一个示例。我现在对标记不太满意,因为数据绑定太冗长了。
先感谢您。