对于 Meteor.js 应用程序中的铁路由路由，真正相当于“window.onload”的是什么？

Question

我有这样定义的铁路线（注意onAfterAction和initProfileComponent）

var initProfileComponent = function () {
    var elements = document.querySelectorAll('.sliderComponent');
    //... do stuff and decorate the elements
}

Router.route('newProfile', {
    path: '/new-profile/:_id',
    onAfterAction: function () {
        initProfileComponent();

    },
    data: function () {
        return {profile: Profile.findOne({_id: this.params._id})};
    }
});

函数initProfileComponent希望使用由meteor/mustache发布机制创建的document.querySelectorAll元素找到，这就是为什么在onAfterAction中调用，但显然它不起作用，因为当它被调用时尚未渲染。

模板是这样定义的：

<template name="newProfile">
    <div class="main-title new-profile">
        new profile
    </div>
    {{#each profile.properties}}
        {{> sliderComponent}}
    {{/each}}
</template>

<template name="sliderComponent">
    <div class="sliderComponent dragdealer">
        <div class="handle">{{label}}</div>
    </div>
</template>

除了onAfterAction 为我的用例执行“buritos”之外，在哪里/如何定义一个回调以确保模板完全呈现。或者，我应该订阅什么？

Answer 1

理想情况下，这应该在您的模板中完成。在 Meteor 中，所有模板都有 onCreated 和 onRendered 回调。如果你使用 onRendered，你可以确定所有的 DOM 元素都已经存在了。

Template.sliderComponent.onRendered(function(){
    var elements = $('.sliderComponent');
    //... do stuff and decorate the elements
});

像这样初始化您的模板是个好习惯。使用 Iron Router 参数化您的模板，正如您已经在做的那样。