2

; を使用して、ネストされたタグを 1 行に追加でき:ます。例えば、

ul
  li.first: a(href='#') foo
  li: a(href='#') bar
  li.last: a(href='#') baz

しかし、1 つの親の下に 2 つの兄弟要素を追加したい場合はどうすればよいでしょうか? 例えば、

button.btn.btn-danger
    i.icon-trash.icon-white
    |  Delete

目的の出力が得られます。

<button class="btn btn-danger"><i class="icon-trash icon-white"></i> Delete</button>

しかし、1行でそれを行う方法はありますか? ???おそらく代わりになる他の魔法のオペレーターはいますか？私が理解できる2でもそれを行うことはできません。

button.btn.btn-danger: i.icon-trash.icon-white ??? Delete
4

1 に答える 1

2

この方法では不可能だと思います。

Jade 0.13 では mixin が導入され、この種のタスクを 1 行で実現できるようになりました。

ミックスインを定義する方法は次のとおりです。

  mixin icon-button(type,icon,label)
    button.btn(class=type)
      i(class=icon)
      | #{label}

これで、1 行を使用してボタンをレンダリングできます。

mixin icon-button('btn-danger','icon-trash icon-white','Delete')
于 2013-03-22T23:02:17.323 に答える