Whitespace In AngularJS Jade templates

Question

I have the following problem:

p
  directive(attr="foo")
  | (
  directive(attr="bar")
  |)

Desired output is:

<directive attr="foo"></directive> (<directive attr="bar"></directive>)

But the way Jade is processed the whitespace is introduced after the first parentheses like:

<directive attr="foo"></directive> (  <directive attr="bar"></directive>)

Is there a way to ignore the whitespace after the first parentheses? Or should I find a workaround with Angular maybe?

Answer 1

You can do

p
    | <directive attr="bar">(</directive><directive attr="bar">)</directive>