在html中使用变量的更好方法

时间:2015-06-02 07:17:15

标签: javascript jquery html

我想要一个用于创建动态用户详细信息表单的模板。但我需要对所有元素使用不同的<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)?

1 个答案:

答案 0 :(得分:2)

如果您使用的是html模板,请尝试使用任何模板引擎,例如underscoremustache。但模板引擎不会给你模板和数据之间的双向绑定。它只是用给定的数据渲染模板。

如果您想使用纯双向数据绑定应用程序,请尝试使用angularjsemberjs等Web应用程序框架。