[英]How to print an array in rivets.js
I have data 我有资料
data = [{
"task": "get milk",
"who": "Scott",
"done": false
}, {
"task": "get broccoli",
"who": "Elisabeth",
"done": false
}, {
"task": "get
garlic",
"who": "Trish",
"done": false
}, {
"task": "get
eggs",
"who": "Josh",
"done": true
}];
<ul>
<li data-each-[]="">
</li>
<ul>
How could i print this data in rivets.js with 我如何使用rivets.js打印此数据
the quick way: 快速方法:
<ul>
<li rv-each-data="item">
<dl>
<dt>Task:</dt><dd>{ item.task }</dd>
<dt>Who:</dt><dd>{ item.who}</dd>
<dt>Done:</dt><dd>{ item.done}</dd>
</dl>
</li>
</ul>
I think below example helps you. 我认为以下示例对您有帮助。
<ul id="playersList">
<li rv-each-player="players">
<dl>
<dt>Name:</dt><dd>{ player.name }</dd>
<dt>Surname:</dt><dd>{ player.surname }</dd>
<dt>Shirt Number:</dt><dd>{ player.number }</dd>
<!-- This element will be rendered only if this property will be set -->
<dd rv-if="player.captain"><b> Captain! </b></dd>
</dl>
</li>
</ul>
Javascript : Javascript:
var soccerTeam = [{"number":1,"name":"Gianluigi","surname":"Buffon"},
{"number":19,"name":"Gianluca","surname":"Zambrotta"},
{"number":5,"name":"Fabio","surname":"Cannavaro","captain":true},
{"number":9,"name":"Luca","surname":"Toni"}];
// get the DOM elements
var playersList = document.getElementById('playersList');
// pass the data to the DOM element
rivets.bind(playersList,{players:soccerTeam});
Also this link helps you: http://www.gianlucaguarini.com/blog/rivet-js-backbone-js-made-my-code-awesome/ 此外,此链接还可以帮助您: http : //www.gianlucaguarini.com/blog/rivet-js-backbone-js-made-my-code-awesome/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.