如何使用带有 html 标签的 ejs 数组答案

【问题标题】：How to use array with ejs with html tags如何使用带有 html 标签的 ejs 数组
【发布时间】：2017-07-13 08:40:07
【问题描述】：

我有一个这样的数组：

["Object1","Object2","Object3"]

我想使用这个数组来遍历对象来填写这个 html 格式，如下所示：

  <option data-img-src=OBJECT 1 value="1"></option>
  <option data-img-src=OBJECT 2 value="2"></option>
  <option data-img-src=OBJECT 3 value="3"></option>

我还想为每个对象获取value。

所以第一个是value="1"，依此类推。

【问题讨论】：

Inside Express/EJS templates, what is cleanest way to loop through an array?的可能重复
这个重复：stackoverflow.com/questions/3010840/…

标签： javascript arrays

【解决方案1】：

您可以使用 JavaScript 创建 DOM 元素并将其附加到 HTML。

var obj= ["Object1","Object2","Object3"];
for (var i = 0; i < obj.length; i++) {
    opt = document.createElement("OPTION");
    opt.setAttribute('data-img-src',obj[i]);
    opt.setAttribute('value',i+1);
    document.body.appendChild(opt);
}

【讨论】：

【解决方案2】：

对于 ejs var obj= ["Object1","Object2","Object3"];// 假设这是对象

可以使用foreach

<% obj.forEach(function(val,index) { %>
                 <option data-img-src=<%= val %> value=<%= (index+1) %>></option>
 <% }); %>

【讨论】：