我正在为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。
答案 0 :(得分:0)
如果您的项目在数组中并且在渲染时需要索引的id,则可以使用gaelan:each-with-index包。然后您可以在模板中使用它。
{{#eachWithIndex}}
<div id="item-{{index}}"></div>
{{/eachWithIndex}}