JADE：不能使用數組

Question

我嘗試生成從混入一個代碼，使用數組生成的mixin：

- var tabList = [ 
    { 
     data: "data-toggle", 
     href: "#pp", 
     text: "All" 
    },{ 
     data: "data-toggle", 
     href: "#pp", 
     text: "Popol" 
    } 
]; 


mixin generateTabs(tabs) 
    h1 tabs 
     ul 
      each tab in tabs 
       li=tab.text 


+generateTabs(tabList) 

當我嘗試編譯它，我有

dev\jade\test.jade:2 
    1|  - var tabList = [ 
    > 2|   { 
    3|    data: "data-toggle", 
    4|    href: "#pp", 
    5|    text: "All" 

unexpected text { 

我使用Node 6.3.1，gulp-jade 1.1.0

Answer 1

你幾乎說得對，你必須使用正確的縮進。

- 
var tabList = [ 
    { 
     data: "data-toggle", 
     href: "#pp", 
     text: "All" 
    },{ 
     data: "data-toggle", 
     href: "#pp", 
     text: "Popol" 
    } 
]; 


mixin generateTabs(tabs) 
    h1 tabs 
     ul 
      each tab in tabs 
       li=tab.text 


+generateTabs(tabList) 

codepen