如何访问模板父上下文
问题描述:
假设代码如下或类似的代码,我如何传递{{每个}上下文中的父上下文,或者我如何从单击事件中访问它。谢谢。如何访问模板父上下文
<div>
<ul>
{{#each emoticons[emoticons.state.selected].iconList}}
<li on-mouseover="showEmoticonBig" on-click="@this.fire('selectEmoticon',event,this)" class="emoticons-icon">{{{parseToIcons(.code)}}}</li>
{{/each}}
</ul>
</div
ractObj.off("selectEmoticon").on("selectEmoticon", function (event,context) {
});
答
ractive.fire
接受至少1个参数 - 事件名称。之后的一切都成为事件论证。另一方面,在事件处理程序中,它至少接受1个参数,即隐式提供的事件对象。之后的所有内容都是ractive.fire
传递的参数。
在这种情况下,@this.fire
将不需要明确传入event
。它应该简单地是@this.fire('selectEmoticon',this)
。这将使您的处理程序中的context
参考呼叫中的任何this
。