Question

我尝试在文章下包含来自语义用户界面（http://semantic-ui.com/modules/rating.html）的评级模块，以便用户对其进行评分。如果用户对文章进行评级，则文章ID存储在Meteor.user（）。profile.ratedItems中。

如果用户离开文章到另一个，然后回到第一个，评级模块应该呈现为只读（因此用户无法再次评价同一篇文章）。

问题是我不知道如何检查文章_id是否存储在template.foo.rendered中的Meteor.user（）。profile.ratedItems中，因为this._id没有给出文章ID但是模板的id。

在template.foo.events和template.foo.helpers中，我可以通过句子_.contains（Meteor.user（）。profile.ratedItems，this._id）检查它，它可以在任何地方正常工作，但原因不是在template.foo.rendered中。现在，即使用户对文章的评分超过一次，db中的评级也不会改变。但我需要解决“视觉”问题。

所以这是代码：

JS：

    Template.foo.helpers({

    rate: function () {
        return Math.floor(this.rating);
    },
    state : function () {
        if (Meteor.userId()) {
            if (_.contains(Meteor.user().profile.ratedItems,this._id)) {
                return "rated"
            } else {return "unrated"}
        } else {
            return ""
        }
    },
    statetext: function () {
        if (Meteor.userId()) {
            if (_.contains(Meteor.user().profile.ratedItems,this._id)) {
                return "Overall rating:" }
            else { return "Rate the article:"}
        } else {
            return "Overall rating:"
        }
    }
});

Template.foo.rendered = function() {
    if (Meteor.userId()) {
        if (_.contains(Meteor.user().profile.ratedItems,this._id)) {
            $('.ui.rating').rating('disable');
        } else {
            $('.ui.rating').rating();
        }
    } else {
        $('.ui.rating').rating('disable');
    }
};

Template.foo.events({
    'click .unrated': function () {
        var addedRating = $('.unrated').rating('get rating');
        var currentArticleId = this._id;
        var newsum = this.rating_sum+addedRating;
        var newcount = this.rating_count+1;
        var newrating = newsum/newcount;
        Schools.update(currentSchoolId,{$inc: {rating_count:1}});
        Schools.update(currentSchoolId,{$inc: {rating_sum:addedRating}});
        Schools.update(currentSchoolId,{$set: {rating:newrating}});
        Meteor.users.update({_id:Meteor.userId()},{$push: {'profile.ratedItems':currentArticleId}});
        $('.ui.rating').rating({"set rating":Math.floor(newrating)});
        $('.ui.rating').rating('disable');
    }
});

HTML：

<template name="schoolPage">
<div class="ui center aligned blue segment">
     {{#if currentUser}}{{statetext}}{{else}}Overall rating:{{/if}}
   <div class="ui tiny heart rating {{state}}" data-rating="{{rate}}" data-max-rating="5"></div>
</div>
</template>

我考虑过使用Session.set和Session.get，但还没有找到任何解决方案。提前谢谢你的帮助。

Answer 1

您可以在this回调中使用Template.currentData，而不是rendered。

请参阅http://docs.meteor.com/#/full/template_currentdata上的文档。

在template.foo.rendered中获取此实例的collection._id

1 个答案: