javascript - Meteor 使用 "empty"对象

Question

处理要保存在集合中的“新对象”时，正确的方法是什么。假设我有一个汽车收藏。我有一辆/汽车/新车url，然后是一个表单:

姓名:__

零件:此处的零件列表

如果我想让这个表单成为“响应式(Reactive)”，如果我在零件数组中添加一个新零件，它会显示重新渲染是使整个“汽车”成为响应式(Reactive)对象的最佳方法。或者应该在 dom 中添加一个新行？

我不想将整个东西自动插入到“汽车”集合中，直到它有一个名称和一个部件列表。

大多数示例显示添加到集合非常简单 -> DOM 的重新渲染，非常简单。

编辑:相同的概念可能适用于编辑汽车时。从集合中获取汽车，进行设置，以便返回的对象是 react 性的(这样我可以添加/删除零件)，完成后获取所有值并存储编辑的汽车信息。

Answer 1

首先将一辆“空”车初始化为 react 变量。

Template.cars.onCreated(function () {
  this.car = new ReactiveVar({}); // empty car
});

假设你的 dom 在每个字段上都有某种属性来描述它是哪个键:

<input data-key="name" placeholder="Car name"/>

然后您可以绑定(bind)一个事件，该事件将使用其中的数据来更新 react 变量。

Template.cars.events({
  'change input': function (e, template) {
    template.car.set(_.extend(template.car.get(), {
      [$(e.target).data('key')]: $(e.target).val()
    }));
  }
});

这将在您填写输入时构造对象。