我想要一个用于创建动态用户详细信息表单的模板。但我需要对所有元素使用不同的<div id="user-template" class="hidden">
<div class='lbl-div' id='user(user_number)'>
<label>User(user_number)</label>
</div>
<label class="lbl" id="user(user_number)_firstname">Firstname:</label>
<input type="text" value="" />
<label class="lbl" id="user(user_number)_lastname">Lastname:</label>
<input type="text" value="" />
</div>
,以便正确发布详细信息。我的模板如下: -
user_number
此处,onclick
是一个变量。 div
按钮会选择此模板 - &gt;将user_number替换为全局变量 - &gt;增加全局变量 - &gt;将修改后的模板作为子项附加到父template = template.replace(/\(user_number\)/g, count);
count++;
。
我将变量替换为: -
count
此处template
是全局变量。
有没有更好的方法来实现这一点(使用{{1}}动态更改ID)?
答案 0 :(得分:2)
如果您使用的是html模板,请尝试使用任何模板引擎,例如underscore,mustache。但模板引擎不会给你模板和数据之间的双向绑定。它只是用给定的数据渲染模板。