【问题标题】:Jade - How to create table with checkboxJade - 如何使用复选框创建表格
【发布时间】:2015-12-12 10:50:42
【问题描述】:


如何在jade模板中创建这段代码?

<table>
<tr>
  <th>#</th>
  <th><input type="checkbox"></th>
  <th>User</th>
</tr>
<tr>
  <td>1</td>
  <td><input type="checkbox"></td>
  <td>haacki47</td>
</tr>

我使用编译器 gulp-jade
我尝试使用

each val in ["#","<input type='checkbox'>","User"]

但我得到错误:=(

【问题讨论】:

  • 你遇到什么样的错误?
  • 不能在每个内部使用“

标签: gulp pug


【解决方案1】:

多维数组应该可以解决您的问题吗? 另外,与其在数据中传递 HTML,不如在 Jade 中处理它

- var datas = [
-   {
-     index: "#",
-     input: "checkbox",
-     name: "user"
-   },
-   {
-     index: "1",
-     input: "checkbox",
-     name: "haacki47"
-   }
- ];

table
  each data in datas
    tr
      td=data.index
      td
        case data.input
          when "checkbox"
            input(type="checkbox")
      td=data.name

代码笔:http://codepen.io/Pototo/pen/mVeRwm

【讨论】:

  • 为什么datas的每一行前面都有破折号?
  • 编写内联javascript
  • 你能给我指出一个解释你的意思的参考吗?谢谢。
  • 基本上可以在jade文件里面写javascript。 See here
猜你喜欢
  • 2014-12-31
  • 2022-01-08
  • 1970-01-01
  • 2014-01-26
  • 2019-03-08
  • 1970-01-01
  • 2014-06-12
  • 2015-05-22
  • 2012-03-30
相关资源
最近更新 更多