用户登录后流星重新渲染模板

Meteor re-render template after user login

本文关键字：新渲染 流星 登录 用户      更新时间：2023-09-26

好的，所以当用户使用Facebook登录时，我使用Facebook API图表我得到这样的用户朋友列表+朋友图片：

Template.user_loggedout.events({
    "click #fb": function (e, tmp) {
        Meteor.loginWithFacebook({
            requestPermissions: ['user_likes',
                'friends_about_me',
                'user_birthday',
                'email',
                'user_location',
                'user_work_history',
                'read_friendlists',
                'friends_groups',
                'user_groups']
        }, function (err) {
            if (err) {
                console.log("error when login with facebook " + err);
            } else {
                FB.api('/' + Meteor.user().services.facebook.id + '/friends', { fields: 'name,picture' }, function (response) {
                    if (response && response.data) {
                        friends = response.data
                    }
                })
            }
        });
    }

正如预期的那样，我得到了朋友数组里面有对象（表示为朋友）。在用户单击链接的某个时候，我想向用户显示他的朋友列表。所以我得到了这个 HTML：

Template.add_friends.helpers({
    friends_list: friends
});
template name="add_friends">
    <div class="friends_Page">
           {{#each friends_list}}
        <li>{{name}}</li>
        {{/each}}
    </div>
</template>

问题是，在应用程序启动后以及用户使用 Facebook 单击登录按钮时，Friends 对象会更新。那么当我从Facebook Graph API获得回调时如何重新渲染呢？我不想将朋友存储在数据库中（由于Facebook，它已经可用）

在数据更改时强制重绘的最自然方法是使用该数据的依赖项。

var friends = [];
var friends_dep = new Deps.Dependency();
Template.myTemplate.friends_list = function() {
    friends_dep.depend();    /* Causes the helper to rerun when data changes */
    return friends;
};
...
function callback() {
    ...
    friends = response.data;
    friends_dep.changed();    /* Call this after you set the new data */
}
相关文章：