テンプレートの親コンテキストにアクセスする方法

Question

コードが似ていると思われる場合は、{{each}コンテキストで親コンテキストを渡すにはどうすればよいですか、またはオンクリックイベントからどのようにアクセスすればよいですか。ありがとうございました。

<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) { 

    }); 

Answer 1

ractive.fireは、少なくとも1つの引数、つまりイベント名を受け入れます。それ以降のすべてがイベント引数になります。一方、イベントハンドラでは、少なくとも1つの引数、暗黙的に提供されるイベントオブジェクトを受け入れます。それ以降のすべてが、ractive.fireによって渡される引数です。

この場合、@this.fireは、明示的にeventが渡される必要はありません。単純に@this.fire('selectEmoticon',this)にする必要があります。これにより、あなたのハンドラのcontextは、電話中のthisを参照します。