3

私はまだジェイドのコツをつかんでいます。次のマークアップは機能しますが、要素が 2 つの別々の行にレンダリングされます。リンクとp.some_classnameテキストを同じ行に表示したいのですがp.some_classname、ハイパーリンクにはなりません。

for elem in elems
  a(href="/foo/#{var1}/bar/#{var2}").baz.i.icon-cog
  p.some_classname= elem.id_1 + ' ' + elem.id_2

これは可能ですか？

4

3 に答える 3

3

私があなたの要求を正しく理解できれば、リンクとテキストを同じ行に、要素ごとに 1 行で表示してください。その場合は、段落でテキストを折り返してスパンを使用するだけです。

for elem in elems
   p.some_classname 
       a(href="/foo/#{var1}/bar/#{var2}").baz.i.icon-cog
       span= elem.id_1 + ' ' + elem.id_2

これにより、（要素ごとに）次が生成されます。

<p class="some_classname"><a href="/foo..." class="baz i icon-cog"><span>{val for id_1} {val for id_2}</span></p>

または、さらに単純化して、スパンを完全にスキップすることもできます。

for elem in elems
   p.some_classname 
       a(href="/foo/#{var1}/bar/#{var2}").baz.i.icon-cog
       | #{elem.id_1} #{elem.id_2}

ノードを使用して両方をテストしただけで、最終的なマークアップに必要なものに応じてどちらかが機能します。HTH。

于 2013-07-05T21:09:39.060 に答える
0

Matt の回答に加えて、次のようにIDとCSS クラスを別々に使用できます。

p 
     | #[ObjectId1.class1 SomeText ]
     | #[ObjectId2.class2 #{jsonObject.attribute}]
于 2018-11-20T21:34:07.587 に答える