Konten giok mengikuti tag penutup diri

Saya mengonversi beberapa HTML dari aplikasi yang sudah ada sebelumnya menjadi Jade. Saya memiliki blok HTML yang terlihat seperti ini:

<div class="checkbox">
  <label>
    <input type="checkbox" name="data[day][sunday]" value="sunday">
  Sunday
  </label>
</div>

Apa yang setara dengan Jade untuk ini? Idealnya akan terlihat seperti ini:

div(class="checkbox"):
  label 
    input(type="checkbox" name="data[day][sunday]" value="sunday") 
    Sunday

Tapi karena input adalah tag penutup diri, saya tidak bisa mengikutinya dengan teks "Minggu"

Saya tidak punya masalah menulis ini dengan cara lain yang berfungsi persis seperti yang saya butuhkan, tapi saya ingin tahu cara mengatasi masalah ini dengan tepat.

Terima kasih!


html pug
person Mike Hamilton    schedule 21.04.2015    source sumber

Jawaban (1)


arrow_upward
5
arrow_downward

Anda dapat menggunakan | di giok untuk mengatasi masalah ini.

Teks apa pun yang mengikuti | akan ditafsirkan sebagai teks di induknya

div(class="checkbox"):
  label 
    input(type="checkbox" name="data[day][sunday]" value="sunday") 
    | Sunday

Anda juga dapat menggunakan tag yang tidak menutup sendiri seperti ini

div
  div
    span hello there
  | and plain text

akan menghasilkan html seperti ini

<div>
  <div>
    <span>hello there</span>
  </div>
  and plain text
</div>

Ingatlah bahwa menulis HTML langsung di dalam Jade sepenuhnya valid, Anda juga dapat menyelesaikan masalah ini seperti ini.

div(class="checkbox"):
  label.
    <input type="checkbox" name="#{data[day][sunday]}" value="sunday"> 
    Sunday

Tag . yang mengikuti di Jade akan memperlakukan semua konten seperti teks.

person JoshWillik    schedule 21.04.2015
comment
Terima kasih, jawaban Anda berfungsi dengan baik! Saya tidak berada di depan komputer sekarang untuk mengujinya, tetapi saya berasumsi saya dapat menggunakan prinsip yang sama jika saya ingin memanfaatkan perluasan blok Jade? Bagaimana tampilannya? Dugaan saya begini: div(class="checkbox"): label: input(type="checkbox" name="data[day][sunday]" value=") | Sunday - person Mike Hamilton; 22.04.2015
comment
@MichaelHamilton Ya, | berfungsi apa pun jenis tag yang Anda gunakan. Saya telah mengedit jawaban saya untuk mencerminkan hal ini - person JoshWillik; 22.04.2015