如何在不循环 Mustache JS 的情况下检查数组?

改过自新

有没有办法在不循环的情况下检查数组的存在?我发现使用 {{#foos}}{{/foos}} 循环遍历数组。我需要先检查数据是否存在。

像这样的东西:

{{if foos}}
    <ul>
        {{#foos}}
            <li>{{foo}}</li>
        {{/foos}}
    </ul>
{{/if}}
{{^foos}}
    No foos!
{{/foos}}
提示

你在追求 {{#foos.length}}

var template = `
{{#foos.length}}
  <ul>
    {{#foos}}
      <li>{{foo}}</li>
    {{/foos}}
  </ul>
{{/foos.length}}
{{^foos.length}}
    <p>No foos!</p>
{{/foos.length}}`

const div = document.getElementById("result")

// with content
div.insertAdjacentHTML("beforeend", Mustache.render(template, {
  foos: [{
    foo: 'Alpha'
  }, {
    foo: "Beta"
  }, {
    foo: "Gamma"
  }]
}));

// without
div.insertAdjacentHTML("beforeend", Mustache.render(template, {
  foos: []
}));
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/3.0.1/mustache.min.js"></script>

<div id="result"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何调试Mustache js模板?

来自分类Dev

如何使用 mustache.js 渲染普通数组?

来自分类Dev

如何在Mustache的循环表示中获取数组的根值?

来自分类Dev

我该如何在mustache.js中使用if值?

来自分类Dev

如何在不冻结网站的情况下循环浏览此mysql数组

来自分类Dev

如何在不循环的情况下访问对象数组中的所有键和值

来自分类Dev

如何在不插入PHP的每个循环的情况下将数组插入数据库

来自分类Dev

如何在不循环的情况下从 itertools.combinations 创建一个 numpy 数组

来自分类Dev

如何在不循环的情况下从函数参数中指定的json数组中获取密钥?

来自分类Dev

遍历Mustache JS

来自分类Dev

mustache js无法从json文件将视图加载为数组

来自分类Dev

如何在不覆盖整个蓝图的情况下扩展Sails.js中蓝图的功能?

来自分类Dev

如何在不倾斜三个js的情况下向上移动相机

来自分类Dev

如何在不覆盖整个蓝图的情况下扩展Sails.js中蓝图的功能?

来自分类Dev

如何在不运行js或不进行后续请求的情况下使用Phantomjs打开页面?

来自分类Dev

Vue.js:如何在不刷新的情况下更新布局

来自分类Dev

如何更改mustache.js的默认分隔符?

来自分类Dev

如何在不排序的情况下从对象输出数组

来自分类Dev

如何在没有vue-devtools的情况下检查页面是否正在使用vue.js

来自分类Dev

如何在不使用JS的情况下检查多个选择中的HTML选择是否已更改

来自分类Dev

如何在不创建过滤器的情况下在Angular JS中反转数组

来自分类Dev

如何在不循环的情况下使用现有数组值中的动态键映射新数组?

来自分类Dev

如何在不循环整个数组的情况下从二维数组中获取元素?

来自分类Dev

如何在无分支分歧的情况下检查CUDA内核中数组的边界

来自分类Dev

Ember.js如何在没有余烬数据的情况下从数组控制器中删除对象

来自分类Dev

PHP数组+ Mustache模板

来自分类Dev

如何在不循环的情况下将数组(Range.Value)传递给本机.NET类型?

来自分类Dev

如何在不循环的情况下将数组(Range.Value)传递给本机.NET类型?

来自分类Dev

使用Mustache JS创建表

Related 相关文章

  1. 1

    如何调试Mustache js模板?

  2. 2

    如何使用 mustache.js 渲染普通数组?

  3. 3

    如何在Mustache的循环表示中获取数组的根值?

  4. 4

    我该如何在mustache.js中使用if值?

  5. 5

    如何在不冻结网站的情况下循环浏览此mysql数组

  6. 6

    如何在不循环的情况下访问对象数组中的所有键和值

  7. 7

    如何在不插入PHP的每个循环的情况下将数组插入数据库

  8. 8

    如何在不循环的情况下从 itertools.combinations 创建一个 numpy 数组

  9. 9

    如何在不循环的情况下从函数参数中指定的json数组中获取密钥?

  10. 10

    遍历Mustache JS

  11. 11

    mustache js无法从json文件将视图加载为数组

  12. 12

    如何在不覆盖整个蓝图的情况下扩展Sails.js中蓝图的功能?

  13. 13

    如何在不倾斜三个js的情况下向上移动相机

  14. 14

    如何在不覆盖整个蓝图的情况下扩展Sails.js中蓝图的功能?

  15. 15

    如何在不运行js或不进行后续请求的情况下使用Phantomjs打开页面?

  16. 16

    Vue.js:如何在不刷新的情况下更新布局

  17. 17

    如何更改mustache.js的默认分隔符?

  18. 18

    如何在不排序的情况下从对象输出数组

  19. 19

    如何在没有vue-devtools的情况下检查页面是否正在使用vue.js

  20. 20

    如何在不使用JS的情况下检查多个选择中的HTML选择是否已更改

  21. 21

    如何在不创建过滤器的情况下在Angular JS中反转数组

  22. 22

    如何在不循环的情况下使用现有数组值中的动态键映射新数组?

  23. 23

    如何在不循环整个数组的情况下从二维数组中获取元素?

  24. 24

    如何在无分支分歧的情况下检查CUDA内核中数组的边界

  25. 25

    Ember.js如何在没有余烬数据的情况下从数组控制器中删除对象

  26. 26

    PHP数组+ Mustache模板

  27. 27

    如何在不循环的情况下将数组(Range.Value)传递给本机.NET类型?

  28. 28

    如何在不循环的情况下将数组(Range.Value)传递给本机.NET类型?

  29. 29

    使用Mustache JS创建表

热门标签

归档