单击按钮更改流星模板值

Question

我在模式弹出窗口上显示主题列表，在模式上我有两个按钮下一个和上一个。我想要当我单击上一个按钮时，它显示前 10 个主题，当我单击下一个时按钮显示接下来的 10 个主题。我的模板代码是这样的

<div class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" id="topic_selector_label">Quiz Settings</h4>
        </div>
        <div class="modal-body">
            <table class="table table-striped table-bordered table-condensed table-hover " >
                <tbody>
                {{#each topics}}
                <tr>
                    <td>
                        {{name}}
                    </td>
                </tr>
                {{/each}}

                </tbody>
            </table>
            <button type="button" class="btn btn-default" id="previous_topics">Previous Topics</button>
             <button type="button" class="btn btn-default pull-right" id="next_topics">Next Topics</button>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        </div>
    </div><!-- /.modal-content -->
</div>

我的js代码是

'click #next_topics':function(){

    var LIMIT=2;
    skip_topics=skip_topics+2;
    var syllabus = Meteor.syllabi.findOne(Session.get("currentSyllabusId"));
    topics= Meteor.topics.find({subject_id: syllabus.subject_id, level_id: syllabus.level_id},{skip:skip_topics,limit:1})
    return Template.syllabus_design({topics:topics})

},

我想更改下一个和上一个按钮单击时的主题列表

Answer 1

如果我理解正确，您的问题是由于模板在点击时未刷新，

看到这个：https://github.com/meteor/meteor/issues/1172#issuecomment-19832727

尝试将 skip_topics 设为 Session 变量并在模板中打印该变量 - 与 awatson1978 在 github 问题中使用他/她的 form_changed 会话变量建议的方式相同。

要更深入地了解代码中的问题，请参阅http://docs.meteor.com/#reactivity