mustache - 空でない場合の口ひげレンダーリスト

Question

リストオブジェクトが空でない場合にのみ、Mustache を使用して HTML 順序なしリストをレンダリングしたいと考えています。だから私はしたい：

<ul>
    <li>item 1</li>
    <li>item 2</li>
</ul>

リストに要素があり、リストが空の場合は何もありません (ul タグでさえありません)

これどうやってするの？

編集:私のデータ構造は:

{ "list": ["first item", "second item"] }

score 11 · Accepted Answer

データ構造を次のように再フォーマットする必要があります。

{
    "list": {
        "items": ["first item", "second item"]
    }
}

口ひげのテンプレートは次のようになります

{{#list}}
    <ul>
        {{#items}}
            <li>{{.}}</li>
        {{/items}}
    </ul>
{{/list}}

Mustache の仕組みと、PHP と JavaScript の両方を使用して実装する方法を説明するビデオを作成しました。ここで見つけることができます: http://mikemclin.net/mustache-templates-for-php-and-javascript/

2 に答える 2