玉视图中的控制台对象

Question

tbody
  -var i = 0;           
    each data in myData
      -i = counter + 1;
      tr
        td #{i}
        td #{data.date}

上面是我的翡翠，请问如何console.log(myData)看看结构怎么样？我不想回到控制器/模型。

Answer 1

以-开头的行被执行为Javascript:

- console.log(mydata)

喜欢：

tbody
  -var i = 0;       
  - console.log(mydata)    
    each data in myData
      -i = counter + 1;
      tr
        td #{i}
        td #{data.date}

Answer 2

由于 jade 模板最终会编译为 javascript，您可以只使用 console.log。

tbody
  - var i = 0;       
  - console.log('data =>', myData)    
  each data in myData
    -i = i + 1;
    tr
      td #{i}
      td #{data.date}

但是，如果您在服务器上进行预编译，并且希望每次在 DOM 中插入呈现的模板时打印控制台消息，您可以注入一个脚本块：

tbody
  -var i = 0;       
  script console.log('data =>', !{JSON.stringify(myData)})    
  each data in myData
    -i = i + 1;
    tr
      td #{i}
      td #{data.date}

玉视图中的控制台对象

console object in jade view

javascript

node.js

pug