在玉器中使用布局中的變量

Question

嗨，我有一個玉器布局文件。 代碼如下

html.no-js(lang='en')
  //<![end if]
  head
    script(type='text/javascript')
        var x = "datablabla";

而且我有一個玉器文件來擴展這種布局。 我如何訪問該x變量？

extends ../layout

head
    script(type='text/javascript')
        alert(1);
block headerContent

block bodyContent
    h1 Wellcome to the blabla
    p #{x} // undefined

有任何想法嗎 ？

Answer 1

簡短的答案：您不能。 您在客戶端腳本塊中聲明x ，而Jade不會執行那些使模板中可用在該塊中聲明的任何代碼/變量。

更長的答案：您可以在Jade模板中添加嵌入式JS代碼，如下所示：

- var x = "datablabla";

您可以在客戶端部分和其他Jade模板中重用該x變量：

// layout
- var x = "datablabla";
head
  script
    var x = '#{x}';

// other
extends layout
...
block bodyContent
  h1 Welcome to the blabla
  p #{x}