在Meteor中添加自定义表单字段

时间:2015-01-13 19:05:11

标签: meteor

我正在为Meteor应用构建发票功能。我们的想法是拥有用户可以为每个项目单独添加和收费的订单项。 我有lineItems

的模板
<template name="lineItems">
  <div class="row line-item-0">
    <div class="col-sm-1">
      <h5 class="dmno-txt invoice-field border line-num">1</h5>
    </div>
    <div class="col-sm-6 col-md-6">
      <div class="form-control-wrapper">
        <input class="dmno-green form-control empty" type="text" placeholder="What was this job" id="line-item-0" value={{lineItem0}} step="any">
        <span class="material-input"></span>
      </div>
    </div>
    <div class="col-sm-3 col-md-3">
      <div class="form-control-wrapper">
        <input class="form-control empty" type="number" placeholder="How much?" step="any" id="total" value={{total}}>
        <span class="material-input"></span>
      </div>
    </div>
    <div class="col-sm-1">
      <div class="togglebutton">
        <label class="tax-toggle-label">
          <input type="checkbox" checked="" id="toggleTax"><span class="toggle"></span>
        </label>
      </div>
    </div>
  </div>
</template>

我正在努力找出一种方法,可以添加其他订单项并动态更改其相应的ID。

1 个答案:

答案 0 :(得分:0)

如果您的项目在数组中并且在渲染时需要索引的id,则可以使用gaelan:each-with-index包。然后您可以在模板中使用它。

{{#eachWithIndex}}
    <div id="item-{{index}}"></div>
{{/eachWithIndex}}