我正在尝试使用具有组标题的 jQuery 模板插件创建模板。组标题事先不知道,因为它是数据驱动的。我的模板是:
<div class='category'>${Category}</div>
<div class='service'><a service_id='${Id}'>${Name}</a></div>
我拥有的数据是:
var movies = [
{ Name: "Meet Joe Black", Category: "First", Id: 1 },
{ Name: "The Mighty", Category: "First", Id: 2 },
{ Name: "City Hunter", Category: "First", Id: 3 },
{ Name: "A movie", Category: "Second", Id: 4 },
{ Name: "Blade Runner", Category: "Third", Id: 5 }
];
我希望输出是
<div class='category'>First</div>
<div class='service'><a service_id='1'>Meet Joe Black</a></div>
<div class='service'><a service_id='2'>The Mighty</a></div>
<div class='service'><a service_id='3' >City Hunter</a></div>
<div class='category'>Second</div>
<div class='service'><a service_id='4'>A movie</a></div>
<div class='category'>Third</div>
<div class='service'><a service_id='5'>Blade Runner</a></div>
我注意到如何正确设置模板来实现这一点。