从流星的集合中检索数据

Question

我正在尝试显示在表单中提交的所有信息的总和。

Template.SingleDailylog.helpers({
  personInCharge: ()=>{
    const id = FlowRouter.getParam('id');
    const profile = Dailylog.findOne({_id:id});
    const name = profile.personInCharge;
    return name;
    }
});

<div class="form-group col-md-6">
    <input value="{{personInCharge}}" type="text" class="form-control" placeholder="Name">
    <label for="first">Person In Charge</label>
</div>

这确实插入了信息，但我仍然收到错误：

meteor.js?hash=0504f43f667698535416b00eb44eb6f53161cb63:1048 模板助手中的异常：TypeError：无法读取未定义的属性“personInCharge” 在 Object.personInCharge (http://localhost:3000/app/app.js?hash=e537a3bd311bc41765fe473a7cd9cf9609139dc9:8544:26) 在http://localhost:3000/packages/blaze.js?hash=adc5286b78e5c0f8e7f56a602f77eefb5def6bf1:3051:16 在http://localhost:3000/packages/blaze.js?hash=adc5286b78e5c0f8e7f56a602f77eefb5def6bf1:1715:16 在http://localhost:3000/packages/blaze.js?hash=adc5286b78e5c0f8e7f56a602f77eefb5def6bf1:3103:66 在 Function.Template._withTemplateInstanceFunc

我怎么会出错，但显示的数据是正确的？这使我无法保存对数据的编辑。

Answer 1

帮助程序正在尝试从尚不存在的对象 (profile) 访问嵌套值 (personInCharge)

如果你想阻止这个异常的发生，你有两个选择：

选项 1 - 阻止访问帮助程序中未定义的对象

例如，您可以将每个变量包装在 if 语句中，如下所示：

Template.SingleDailylog.helpers({
  personInCharge: ()=>{
    const id, profile, name;

    id = FlowRouter.getParam('id');

    if (id) {
        profile = Dailylog.findOne({_id:id});
    }
    if (profile && profile.personInCharge) { // I always check nested things this way
        name = profile.personInCharge;
    }
    if (name) {
        return name;
    }

});

在这种情况下，如果 id 和 profile 和 profile.personInCharge 未定义，则 if 块中的代码将不会执行，因此它不会尝试访问不存在的嵌套变量然而，当模板被创建时，这将防止助手抛出异常。

选项 2 - 阻止调用助手

您还可以使用反应变量来指示订阅是否准备就绪，如果没有，则阻止模板调用帮助程序。

// const subscription = //... 如果你使用全局订阅，请使用这个

Template.SingleDailylog.onCreated (function () {
  const instance = this;
  instance.state = new ReactiveDict();
  instance.autorun(() => {
    const subscription = //... use this for Template level subscription
    if (subscription.ready()) {
      instance.state.set('loadComplete', true);
    }
  });
})

然后为loadComplete添加一个助手：

Template.SingleDailylog.helpers({
  personInCharge() {
    const id = FlowRouter.getParam('id');
    const profile = Dailylog.findOne({_id:id});
    const name = profile.personInCharge;
    return name;
  },
  loadComplete () {
    return Template.instance().state.get('loadComplete');
  }
});

仅当loadComplete 为真时才使用它来调用personInCharge 助手：

<div class="form-group col-md-6">
    {{#if loadComplete}}
    <input value="{{personInCharge}}" type="text" class="form-control" placeholder="Name">
    <label for="first">Person In Charge</label>
    {{else}}
    <div>Loading....</div>
    {{/if}}
</div>