我正在使用icanhaz.js模板,我想知道是否有人知道是否可以为模板创建的列表中的每个<li>
提供一个类名?
例如:
<script id="testLI" type="text/html">
<li class="list-1">
<p>Name: {{ name }}</p>
<p>Here Now: {{ count }}</p>
<p>ID: {{ id }}</p>
</li>
</script>
如果我可以让每个<li>
都有一个'list-1','list-2','list-3'等等。
答案 0 :(得分:1)
不确定您的实施方式。但是你应该遍历你的数据并在你的循环中有一个计数器。每次增加计数器并放在{{index}}。
<script id="testLI" type="text/html">
<li class="list-{{index}}">
<p>Name: {{ name }}</p>
<p>Here Now: {{ count }}</p>
<p>ID: {{ id }}</p>
</li>
</script>
示例循环
for (var i = 1; i < data_var.length; i++) {
var data = {
index: i,
name: "name",
count: "count",
id: "id"
}
// Do whatever you need with data.
// html = ich.listLI(data)
}