事件指令中的限制参考

Question

我显示一系列帖子。我想在帖子悬停时显示某些帖子的特定元素，并在帖子不存在时将其隐藏。

我希望受限引用可以帮助我与，所以这里是我的尝试：

{{#each Posts}} 
    <form on-mouseover="set('.PostIsHovered', true)" on-mouseleave="set('.PostIsHovered', false)"> 
    <label>{{Text}}</label> 
    {{#if .PostIsHovered}} 
    <input type="submit" value="Submit" /> 
    {{/if}} 
    <form> 
{{/each}} 

这里是一个演示：http://jsfiddle.net/mq197dox/2/但它不工作。

如果我将.PostIsHovered更改为PostIsHovered它有点作用，但是当我悬停一个帖子时，出现所有帖子的提交按钮（这是合理的，因为它不是一个限制参考）。

Answer 1

你必须使用完整的keyPath与事件处理的方法风格（http://jsfiddle.net/mq197dox/3/）：

{{#each Posts}} 
    <form on-mouseover="set(@keypath + '.PostIsHovered', true)" on-mouseleave="set(@keypath + '.PostIsHovered', false)"> 
    <label>{{Text}}</label> 
    {{#if .PostIsHovered}} 
    <input type="submit" value="Submit" /> 
    {{/if}} 
    <form> 
{{/each}}