流星应用程序-模板助手不返回数据时如何显示空模板

尤金·戈德堡

在我的流星应用程序中,我有一个数据收集表单模板,如下所示:

<template name="IntroductionWizard_Step_1">
{{#with contributor}}
<div class="container">
  <div class="hero-unit">
    <h3 class="panel-title">Introduction Wizard Step 1: </h3>

    <form class="form-vertical" role="form">
      <label for="name" class="control-label"><h5 class="text-muted">Name</h5></label>
      <input type="text" id="name" name="name" class="form-control-element" value="{{contributorName}}" placeholder="Name">

      <label for="email" class="control-label">Email</label>
      <input type="text" id="email" name="email" class="form-control-element" value="{{contributorEmail}}" placeholder="Email">

      <label for="phone" class="control-label">Phone</label>
      <input type="text" id="phone" name="phone" class="form-control-element" value="{{contributorPhone}}" placeholder="phone #">

      <label for="orgRole" class="control-label">Org Role</label>
      <input type="text" id="orgRole" name="orgRole" class="form-control-element" value="{{contributorOrgRole}}" placeholder="Org Role">
    </form>

  </div>
</div>
{{/with}}
</template>

这个模板的助手如下所示:

Template["IntroductionWizard_Step_1"].helpers({
  contributor: function(n) {
    return ContributorCollection.findOne({contributorName: "Jim Szczygiel"});
  }
});

此助手可以返回数据(如果找到),也可以不返回数据。当前,当返回数据时,它以这种形式显示,但是,当没有数据返回时,该页面显示为空-根本没有显示表单模板。即使没有返回数据,我该怎么办仍显示一个空的模板表单?

戴维·韦尔顿

with就像if加一个名称空间一样,所以您所看到的很有意义-整个表格将有条件地删除。可能的工作是删除with,而对每个值使用全名。例如:

value="{{contributor.contributorName}}"

我只是做了一点测试,发现即使contributor没有定义,它似乎也没有失败。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

数据更改时模板的流星助手不触发?

流星android应用程序不显示图像

分别托管流星应用程序的数据库

流星应用程序:如何访问全局窗口对象

如何向流星和反应应用程序添加表单

如何从流星/ nodejs应用程序收集内存转储?

流星-如何检测是否已打开应用程序?

流星应用程序-重置已部署应用程序的数据库

流星0.8.0:构建应用程序时:意外的关闭模板标记

在流星应用中将复杂的逻辑放在哪里?如何处理应用程序的设计?

如何将Bootstrap程序包添加到流星应用程序中?

如何将mlab数据库导出到流星应用程序

如何将流星模板助手作为参数传递给流星事件处理程序?

在不传递参数流星应用程序的情况下调用函数

添加初始屏幕图像显示流星应用程序中的错误

在流星服务器上部署后,应用程序是否不显示网页?

尝试部署流星应用程序。运行NPM INSTALL时失败

流星服务器专用Web应用程序连接到多个数据库

流星应用程序未在部署中播种数据库

流星应用程序和数据库中的奇怪行为

如何将更新推送到具有文件系统的已部署流星应用程序?

如何在流星应用程序中添加第三方角度指令

如何在流星应用程序中扫描条形码图像

我如何知道流星应用程序中活动DDP会话的数量?

bcrypt正在破坏我的流星应用程序,我该如何解决?

如何将流星应用程序部署到我自己的服务器上?

在流星应用程序中如何在cordova config.xml中添加orgin = *?

如何在部署了MUPX的流星应用程序上备份mongodb

如何将流星应用程序部署到我的网站