Angular formatter line breaks in double-curly braces cause whitespaces

Prettier 1.15.2 Playground link

# Options (if any):
# none

Input:

<h2 class="modal-title">{{ error == null || error.title == null ? 'someLongString' : someOtherInterestingValue }}</h2>

Output:

<h2 class="modal-title">
  {{
    error == null || error.title == null
      ? "someLongString"
      : someOtherInterestingValue
  }}
</h2>

This adds a leading and a trailing whitespace within h2. This is a problem when checking the textContent of h2 within a unit test.

Expected behavior:

<h2 class="modal-title">
  {{ error == null || error.title == null
      ? "someLongString"
      : someOtherInterestingValue }}
</h2>

Adding <!-- display: block --> before the h2 tag does not change anything.

[thorn0]

Your expected behavior would still create extra text nodes. Didn’t you mean something like this:

<h2 class="modal-title">{{
  error == null || error.title == null
    ? "someLongString"
    : someOtherInterestingValue
}}</h2>

?

[theoptz]

the same issue