事件指令中的限制參考

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}}