流星中的非反应性和反应性数据（相同的助手）

Question

我有一个视图，显示一些由用户发布的带有一些数据的图片（让我们查看图像Instagram）。

我已经将这些图片作为非反应性数据（否则您会看到很多更新），但是这些图片有一个按钮可以使图片喜欢。 如果我将其作为非反应性数据，当我单击“喜欢”填充的心脏时，我看不到（我需要刷新）。

这是我的订阅功能：

this.subscribe('food', () => [{
            limit: parseInt(this.getReactively('perPage')),
            //skip: parseInt((this.getReactively('page') - 1) * this.perPage),
            sort: this.getReactively('sort')
        }, this.getReactively('filters'), this.getReactively('searchText'), this.getReactively('user.following')
        ]);

这是我的帮手：

food() {

const food = Food.find({}, {reactive: true}, {
                        sort: this.sort
}).fetch().map(food => {
const owner = Meteor.users.findOne(food.owner, {fields: {username: 1, avatarS: 1, following: 1}});
                        food.avatarS = owner && owner.avatarS;
                        food.username = owner && owner.username;

                        if (food.likes.indexOf(Meteor.userId()) == -1) {
                            // user did not like this plate
                            food.liked = false;
                        } else {
                            // user liked this plate
                            food.liked = true;
                        }

                        return food;
                    });
}

可以有一个非反应性模型，但上面带有一些反应性吗？

我正在将Angular 1.X与TS btw一起使用

提前致谢！

PS：当我将反应性更改为true时，这可以正常工作吗？

Answer 1

修改您的代码：

//console.log(food.likes);
this.subscribe('reactiveFoodData', {ownerId: food.owner, userId: Meteor.userId()}).subscribe(()=>{
    console.log(this.user);
});

// THIS IS THE PUBLISH METHOD LOCATED IN THE SERVER SIDE:
 Meteor.publish('reactiveFoodData', function(params: {ownerId:string, userId:string) {
  const owner = Meteor.users.findOne(params.ownerId);

  if (!owner) {
    throw new Meteor.Error('404', 'Owner does not exist');
  }

  let result = {};
  result.avatarS = owner.avatarS;
  result.username = owner.username;

  const food = Food.find({});
  result.liked = !(food.likes.indexOf(params.userId) == -1);
  return result;
}); 

您遇到的问题很少：1.默认情况下，反应性标志为true，您无需进行设置。 2.函数find仅接受两个参数，而不接受3。

应该：

const food = Food.find({}, {reactive: true, sort: this.sort})

如果需要一些数据子集，仅可进行反应（来自某些集合）。 您可以创建一个特定的方法（仅重复“赞”）。 https://guide.meteor.com/methods.html

更新：这是您编写带有返回参数的方法的方法（请检查两个示例，分别使用Future和不使用）： 如何在Meteor.methods中调用函数并返回值

UPDATE2：

1. 使用fetch（）时，您失去了反应性。 因为您从反应性游标移到了映射值的简单数组。 不要期望在fetch（）之后会发生反应。 如果要获取或不想使用游标，则可以将查找内容包装在Tracker.autorun（（）=> {}）内，也可以使用发布/订阅。

注意 ：但是要小心，如果您设法以某种方式在find（）中获取“空”光标，那么Tracker.autorun将停止作出反应。 自动运行只有在需要监视的情况下才起作用。

2. 方法的要点是，如果您想对某件事执行一次非反应性操作。 您在服务器上定义方法：

    Meteor.methods({ myMethod: ()=> { return "hello"; } }); 

您可以通过以下方式从客户端调用它：

    Meteor.call('myMethod', (error, result) => {
       console.log(result); // "hello"
    });

3. 而不是使用纯集合。 您可以开始使用发布/订阅。 在服务器上，您发布“点赞”，而在客户端上，您仅侦听此新的响应视图。 例如，

    Meteor.publish('likes', (options: {owner: string, likes: Array<any>}) => { let result: any = {} const owner = Meteor.users.findOne(options.owner, username: 1, avatarS: 1, following: 1}}); result.avatarS = options.owner && options.owner.avatarS; result.username = options.owner && options.owner.username; result.liked = !(options.likes.indexOf(Meteor.userId()) == -1) return result; }); 

在客户端： Meteor.subscibe('likes', {food.owner, food.likes}).subscribe(()=>{});

Answer 2

这只是我的头上。

您是否尝试过使用Tracker ？ https://docs.meteor.com/api/tracker.html

但更具体地说，该方法Tracker.nonreactive https://docs.meteor.com/api/tracker.html#Tracker-nonreactive