javascript - 带逗号的 jQuery 模板格式

Question

我有以下模板。我想用逗号显示类别。我该怎么做？

目前没有逗号使用Categories: {{each categories}} <i>${$value}</i> {{/each}}

注意:最后一项后不能有逗号。此外，所有项目都应显示在一行中(目前如此)

<script id="Script1" type="text/x-jQuery-tmpl">
    <h1>${postTitle}</h1>

    <p>
        ${postEntry}
    </p>

    {{if categories}}  
      Categories: {{each categories}}  <i>${$value}</i>   {{/each}}
    {{else}}
      Uncategorized
    {{/if}}

</script>



 <script type="text/javascript">
  var blogPostsArray = [
            {
                postTitle: "Learn jQuery",
                postEntry: "Learn jQuery easliy by following.... ",
                categories: ["HowTo", "Sinks", "Plumbing"]
            },
            {
                postTitle: "New Tests",
                postEntry: "This is a test website"
            }
        ];

  $("#blogPostTemplate").tmpl(blogPostsArray).appendTo("#blogPostContainerDiv");

</script>

Answer 1

这行得通吗？

categories.join(', ');

获取您的字符串值。不确定你会把它放在哪里，但这个例子似乎展示了如何

https://github.com/jquery/jquery-tmpl/blob/master/demos/samplesCore/basic.html

编辑:

请允许我为您做这件事:):)

{{if categories}}  
  Categories: <i>${categories.join(", ")}</i>
{{else}}
  Uncategorized
{{/if}}