Question

如何在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"]

但我收到错误：=（

Answer 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

Codepen：http://codepen.io/Pototo/pen/mVeRwm

玉 - 如何创建带复选框的表

1 个答案: