使用玉的佈局變量

Question

hii我有一個玉佈局文件。 的代碼如下

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不會執行這些操作，以便在模板中的此塊中聲明任何代碼/變量。

較長的答案：你可以在玉模板添加嵌入JS代碼：

- var x = "datablabla"; 

您可以重複使用，在這兩個客戶端部分x變量，並在其他玉模板：

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

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