Как я могу сделать это JSON использовать mustache.js без цикла - PullRequest
Новая
       9

Как я могу сделать это JSON использовать mustache.js без цикла

2 голосов
/ 23 июля 2011

вот код JSON: 

   var data = [
            {
                "event": {
                    "name": "txt1",
                    "data": "2011-01-02",
                    "address": "Guangzhou Tianhe Mall"
                }
            },
            {
                "event": {
                    "name": "txt2",
                    "data": "2011-01-02",
                    "address": "Guangzhou Tianhe Mall"
                }
            },
            {
                "event": {
                    "name": "txt3",
                    "data": "2011-01-02",
                    "address": "Guangzhou Tianhe Mall"
                }
            }
        ];

и мой шаблон усов: 

        {{#event}}
            <div>
                <h2>{{name}}</h2>
                <span>on {{data}}</span>
                <p>{{address}}</p>
            </div>
        {{/event}

, поэтому приведенный выше код шаблона не работает. Теперь я делаю цикл for: 

 var html = "";
 for(var i = 0; i < data.length; i++){
        html += Mustache.to_html(tmp, data[i]);
 }

Есть ли лучший способ сделать так, чтобы все работало без петель?

1 Ответ

4 голосов
/ 28 июля 2011

вот один из способов сделать то же самое только с шаблонами усов. Вы устанавливаете свои данные следующим образом: 

 var data = {data: [
    {
        "event": {
            "name": "txt1",
            "data": "2011-01-02",
            "address": "Guangzhou Tianhe Mall"
        }
    },
    {
        "event": {
            "name": "txt2",
            "data": "2011-01-02",
            "address": "Guangzhou Tianhe Mall"
        }
    },
    {
        "event": {
            "name": "txt3",
            "data": "2011-01-02",
            "address": "Guangzhou Tianhe Mall"
        }
    }
]};

и ваш шаблон должен выглядеть следующим образом: 

{{data}}
{{#event}}
<div>
<h2>{{name}}</h2>
<span>on {{data}}</span>
<p>{{address}}</p>
</div>
{{/event}
{{/data}}

Надеюсь, что поможет

...