JADE：私は配列を使用したミックスインからコードを生成しようとする配列

Question

とミックスインを生成できません：私はそれをコンパイルしようとすると

- 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 { 

を持っている私はノード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