使用给定的数据和类在ui中动态创建li

Question

I need to create li dynamically under an ui of id "dynamicData" and with list of objects having field :rule_id ,rule_set_name ,last_updated_timeStamp.

These values i have marked as double braces in below example.

Li format :

<li><input type="checkbox" class="left select-all" value=”{{ rule_id }}”>
 <h3>{{ rule_set_name }}</h3><input type=”hidden” value=”{{ last_updated_timeStamp }}”>
<div class="clear"></div>
</li>

but i am not able to add all fields.

can somebody help me with this.

Answer 1

You can use java script for this with a loop:

for (var i=0;i<rule_id.length;i++)
{
document.write("<li>" + rule_id[i] + "</li>");
}