如何在javascript上使用模板？

我有一个将html添加到div的函数

var user = $("#ddlUser").val();
    var role = $("#ddlUserRole").val();

    var html = '<div class="calendaruser">';
    html += '<span>' + user + '</span> <button type="button" class="btn btn-default btn-xs">הסר משתמש</button>';
    html += '<div>' + role + '</div>';
    html += '</div>';

    $("#divCalendarUsers").append(html);

var user=$（“#ddlUser”）.val（）；
var role=$（“#ddlUserRole”）.val（）；
var html=''；
html+=''+用户+'；
html+=''+角色+''；
html+=''；
$（“#divCalendarUsers”）.append（html）；

---

我正在寻找更好的模板使用方法。

您可以使用模板文字：

一个小例子：

可排列
var country=[“Country1”、“Country2”、“Country3”]；
var资本=[“城市1”、“城市2”、“城市3”]；
const tmpl=（国家、首都）=>`
乡村资本
${country.map（（单元格，索引）=>`
${cell}${capital[index]}
`).join（“”）}
`;
tableContent.innerHTML=tmpl（国家、首都）；

若要在javascript中使用模板，请尝试。

我使用了一个函数来创建包含两个参数（角色和用户）的元素。返回此函数后，您可以在所需的每个DOM元素中绑定它

函数createTemplate（用户、角色）{
var divCalendar=$（''）；
var buttonElm=$（“风险值”）；
var spanElm=$（''+用户+''）；
var divELm=$（''+角色+''）；
divCalendar.append（buttonElm）.append（spanElm）.append（divELm）；
返回日历；
}
//示例如下：
$（'body'）.append（createTemplate（'user_value'，'role_value'））
这是一条评论，而不是一个答案。有关您是应该作为答案还是评论发布的更多信息，请参阅