html - 如何检查表达式的结果在 HTML 中是否为 NULL，如果是，则不显示任何内容？

Question

<script id="namesAutoCompleteTemplate" type="text/x-kendo-tmpl">    
            <div class="k-widget k-grid" id="Grid">
            <div class="k-grid-content">
            <h3>${data.NameFirstInitLast}</h3>
            <p>Person ID: ${data.PersonId}</p>
            <p>Member Number: ${data.MemberNumber}</p>
            <p>Member Status: ${data.MemberStatus}</p>
            <p>Category: ${data.PrimaryCategoryCode}</p>
</script>

如果上述任何表达式的结果（例如 ${data.PersonId} = NULL，则显示 '' 或不显示）。

我该怎么做呢？

Answer 1

我从您的<script/>标签中得知您正在使用 Kendo UI 模板？因此，该#字符在 Kendo 模板中用作转义序列，以便您可以插入 JavaScript 代码以供 Kendo 的模板引擎评估。这是您可能希望实现的目标的示例：

<script id="namesAutoCompleteTemplate" type="text/x-kendo-tmpl">    
  <div class="k-widget k-grid" id="Grid">
    <div class="k-grid-content">
      # if (data) { #
      <h3>${data.NameFirstInitLast}</h3>
      <p>Person ID: ${data.PersonId}</p>
      <p>Member Number: ${data.MemberNumber}</p>
      <p>Member Status: ${data.MemberStatus}</p>
      <p>Category: ${data.PrimaryCategoryCode}</p>
      # } #
    </div>
  </div>
</script>

顺便说一句，我不喜欢${}语法，而且 Kendo 与在他们自己的文档中使用的三种转义字符序列中的哪一种不太一致。我建议坚持#=data.property#和/或#:data.property#作为一致性问题。但那只是我的个人意见。:)