Jade中的可变范围

时间:2016-07-28 16:07:21

标签: node.js pug

我有一个简单的问题。例如,我在jade文件中有代码

block content
    - var i = 0;  // 'first declaring'

    div#id
        p #{i}   // don't change !?   item = {'one', 'two', ...} for example
    button(onclick="next()") click

    script.
      var i = 0;   // 'second declaring'
      function next() {
      console.log(i);  
      var myid = document.getElementById("id");    
      myid.innerHTML = "#{items[i].a"
      i++;
    };

我的问题:首先声明'之间的区别是什么?并且'第二次宣布' var i = 0.如何更改全局值,首先声明'来自function next()。

1 个答案:

答案 0 :(得分:0)

Jade会将此模板编译成函数,因此要查看代码,只需手动将此模板编译为js文件 - 请参阅http://jade-lang.com/api/了解样本。恕我直言,myid.innerHTML将不会被jade编译,因此它将以原始形式呈现在html中。也许我错了,只看看编译代码。