Node.js Jade变量呈现内部标记规范

Node.js Jade变量呈现内部标记规范,node.js,pug,Node.js,Pug,我有一张这样的玉页: table th Site Name th Deadline th Delete Transaction - if (transactions != null) each item in transactions tr td= item.item_name td span(id='countdown

我有一张这样的玉页:

table
    th Site Name
    th Deadline
    th Delete Transaction

    - if (transactions != null)
        each item in transactions
            tr
                td= item.item_name
                td
                    span(id='countdown' + item.timeout + ')= item.timeout
                td
                    span(style='cursor: pointer;', onclick='deleteTransaction("=item.uniqueId")')= "X"

            button(id='confirmButton', onclick='confirm();')Confirm
正如您在两个span属性中所看到的,我尝试以两种不同的方式放置局部变量,但它不起作用。关于第一种方法,我收到一个令牌非法错误,而第二种方法只是在我的JavaScript中写入类似deleteTransaction=item.uniqueId;的内容;。我知道答案很愚蠢,但是一次又一次的Jade doc即使有了进步也帮不了我

感谢您的报价:

假设我们有一个本地用户{id:12,名称:'tobi'},我们希望创建一个带有href指向/user/12的锚标记,我们可以使用常规javascript连接:

a(href='/user/' + user.id)= user.name
因此:

再次引用:

或者我们可以使用jade的插值,我添加了这一点,因为每个使用Ruby或CoffeeScript的人似乎都认为这是合法的

a(href='/user/#{user.id}')= user.name
因此:

span(style='cursor: pointer;', onclick='deleteTransaction("#{item.uniqueId}")')= "X"
作为编程生活中每天都要用到的一般技巧:平衡报价。就像括号和圆括号一样,每个引号必须打开一个新的引号或关闭一个已经打开的同类引号,即双引号关闭双引号,单引号关闭单引号。要借用您的代码:

span(id='countdown' + item.timeout + ')= item.timeout
  //                                 ^
  //                                 |
  // What's this guy doing? ---------+
尽管Jade是一种模板语言,可能不是真正的编程语言,但正如HTML中也不是编程语言一样,这条规则将很好地为您服务。

引用:

假设我们有一个本地用户{id:12,名称:'tobi'},我们希望创建一个带有href指向/user/12的锚标记,我们可以使用常规javascript连接:

a(href='/user/' + user.id)= user.name
因此:

再次引用:

或者我们可以使用jade的插值,我添加了这一点,因为每个使用Ruby或CoffeeScript的人似乎都认为这是合法的

a(href='/user/#{user.id}')= user.name
因此:

span(style='cursor: pointer;', onclick='deleteTransaction("#{item.uniqueId}")')= "X"
作为编程生活中每天都要用到的一般技巧:平衡报价。就像括号和圆括号一样,每个引号必须打开一个新的引号或关闭一个已经打开的同类引号,即双引号关闭双引号,单引号关闭单引号。要借用您的代码:

span(id='countdown' + item.timeout + ')= item.timeout
  //                                 ^
  //                                 |
  // What's this guy doing? ---------+

尽管Jade是一种模板语言,可能不是真正的编程语言,但这条规则,就像HTML中也不是编程语言一样,将很好地为您服务。

谢谢,我认为我正确地阅读了规范,事实上,我在代码中做了一些非常混乱的事情。我想是因为我病了,我应该在生病的时候停止工作。再次感谢你,伙计!是的,喝点橙汁,小睡一会儿。你的大脑也需要休息谢谢,我认为我正确地阅读了规范,事实上,我在代码中做了一些非常混乱的事情。我想是因为我病了,我应该在生病的时候停止工作。再次感谢你,伙计!是的,喝点橙汁,小睡一会儿。你的大脑也需要休息