Question

使用Meteor JS，我想在输入keyup上更改Template.event中span的值。

这样的事情：

 Template.myTemplate.events({
     "keyup .convertInput": function(event, template){
        event.preventDefault();
        var t = event.target;
        $(t).parent().find('.resultConvertedAmount').html('1234');
     }
 });

Html：

<div class="form-group">
    <input type="text" class="form-control convertInput" />
    <span class="resultConvertedAmount"></span>
</div>

＆＃34; resultConvertedAmount＆＃34;是每次按下某个键时我想要绑定值的目标范围＆＃34; convertInput＆＃34;。

以下代码是一种jQuery方法（这很好用）：

$('.convertInput').parent().find('.resultConvertedAmount').html('1234');

有任何帮助吗？感谢

Answer 1

您已经有了对模板实例的引用，因此您不需要遍历dom。

Template.myTemplate.events({
     "keyup .convertInput": function(event, template){
        event.preventDefault();
        template.$('.resultConvertedAmount').html('1234');
     }
 });

template.$()表示法是spacebars / blaze的一个功能，允许您使用绑定在模板上下文中的jquery选择器。

Answer 2

每次在1234上按下某个键时，您的代码已将值.resultConvertedAmount绑定到范围.convertInput。如果要将跨度中的文本替换为在文本输入中输入的内容，可以执行以下操作之一 -

$(t).parent().find('.resultConvertedAmount').html(t.value);

OR

template.find(".resultConvertedAmount").innerHTML = t.value;

Meteor JS Template事件使用jquery

2 个答案: