如何在rivets.js中打印数组 [英] How to print an array in rivets.js

问题描述

我有数据

 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>

我如何使用

推荐答案

我认为以下示例对您有所帮助.

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});

此外，此链接还可以帮助您: http://www.gianlucaguarini.com/Blog/rivet-js-backbone-js-made-my-code-awesome/

Also this link helps you: http://www.gianlucaguarini.com/blog/rivet-js-backbone-js-made-my-code-awesome/

这篇关于如何在rivets.js中打印数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！