0

私はこれを使用しています - > https://github.com/jquery/jquery-tmpl

私が必要とするのは、上記のプラグインを再帰的に使用してオブジェクトの配列を表示することです。

これがうまくいかないのはなぜですか？->{{if value.exists != false}} checked {{/if}}

このコードを検討してください：

{{each list}}
    <li><label class="checkbox{{if value.exists != false}} active{{/if}}"><input type="checkbox" {{if value.exists != false}} checked{{/if}} disabled>${$value.type}</label></li>
{{/each}}

オブジェクト：

{ "list": 
    [
        { type: "GRAPH_A", exists: true },
        { type: "GRAPH_B", exists: false },
        { type: "GRAPH_C", exists: false },
    ]
}

エラーは次のとおりです。

ReferenceError: 値が定義されていません ソース ファイル: app/scripts/jquery.tmpl.min.js

ライン: 10

4

2 に答える 2

0

Try

{{each list}}
    <li><label class="checkbox{{if exists != false}} active{{/if}}"><input type="checkbox" {{if exists != false}} checked{{/if}} disabled>${type}</label></li>
{{/each}}

Demo: Fiddle

于 2013-03-20T08:53:04.017 に答える
0

このデモを試してみてください...ソースコードを参照してください。役に立つかもしれません。 {{if}} と {{else}} の使用

データ：

var movies = [{
        Title: "Meet Joe Black",
        Languages: "English and French",
        Subtitles: "English"
    }, {
        Title: "Eyes Wide Shut",
        Subtitles: "French and Spanish"
    }, {
        Title: "The Mighty"
    }
];

html:

<script id="movieTemplate" type="text/x-jquery-tmpl">
    <tr>
        <td>${Title}</td>
        <td>
            {{if Languages}}
                Alternative languages: <em>${Languages}</em>.
            {{else Subtitles}}
                Original language only... <br/>Subtitles in <em>${Subtitles}</em>.
            {{else}}
                Original version only, without subtitles.
            {{/if}}
        </td>
    </tr>
</script>
于 2013-03-20T08:47:45.813 に答える