Bagaimana cara mengontrol indentasi markup dengan kehadiran Javascript?

Saya ingin menampilkan daftar berulang:

<div class='X'>  //or plain <div> depending on boolean X
  <div class='d1'>
    <div class='d2'>
      ...
    </div>
  </div>
</div>

Skrip Jade adalah:

each r in rList
   -if (X)
       div.X
          div.d1
             div.d2
   -else
       div
          div.d1
             div.d2

Bagaimana cara melakukannya hanya dengan satu set d1 dan d2 yang sama di kedua situasi?


node.js pug
person Old Geezer    schedule 02.12.2016    source sumber
comment
Kemungkinan duplikat stackoverflow.com/questions/14144274/   -  person drinchev    schedule 02.12.2016
comment
Hai terima kasih. Saya dapat memecahkan masalah khusus (sederhana) saya ini dengan mengonversi ke ekspresi kondisional sebaris. Saya ingin tahu apakah ada cara yang lebih umum untuk menentukan indentasi untuk mencapai hierarki yang saya butuhkan.   -  person Old Geezer    schedule 02.12.2016

Jawaban (1)


arrow_upward
0
arrow_downward 

each r in rList
  div(class=X ? X : '')
    div.d1
      div.d2

atau Anda dapat menghilangkan 'div':

each r in rList
  div(class=X ? X : '')
    .d1
      .d2
person Avraham    schedule 02.12.2016