2016-07-07 33 views
0

我是Jade/Pug的新手,當我沒有將變量中的代碼放在mixin中時它能正常工作,但是當我使用mixin時,沒有任何內容顯示變量。我希望有人能解釋我如何正確使用變量mixins。Jade/Pug:變量不顯示在mixin中

//-works 
.teacher-wrapper 
    .teacher-container 
    each student in students 
     .studentCardContainer.shadow90 
     .studentInfoContainer 
      .studentPhotoContainer 
      .studentPhoto 
       img(src="some_img.jpg") 
      .studentName= student //<------ works 
     .studentEmotionContainer 
      div text 
      div text 

在這個例子中,我想用一個mixin爲每個學生,但= student不工作。我也嘗試了#{student},但它沒有奏效。

//- doesn't work 
.teacher-container 
    each student in students 
     +studentCard 

    mixin studentCard 
     .studentCardContainer.shadow90 
     .studentInfoContainer 
      .studentPhotoContainer 
      .studentPhoto 
       img(src="some_img.jpg") 
      .studentName= student//<------ doesn't work ? 
     .studentEmotionContainer 
      div text 
      div text 

回答

0

您需要設置student作爲參數傳遞給你的mixin:

mixin studentCard(student) 
    .studentCardContainer.shadow90 
    .studentInfoContainer 
     .studentPhotoContainer 
     .studentPhoto 
      img(src="some_img.jpg") 
     .studentName= student 
    .studentEmotionContainer 
     div text 
     div text 

.teacher-container 
    each student in students 
    +studentCard(student)