Skip to content

Additional spaces in pipe when use angular parser #13058

@splincode

Description

@splincode

Prettier 2.7.2
[Playground link](https://prettier.io/playground/#N4Igxg9gdgLgprEAuEAeGBXAlgWgDZZRw5gAWAhgE4wA6UABI-QFRQDmAYhJQLw0h44MemSrCIAM3oATcgE8AzvzpMRecgoV9wFasoZMA2qThY2pGAF1tAJgAMd-asMB3LNJilr-NkIDq7p4AFJTk7HAAlE5GAG7keBhw3jpi9AA+9JhYHFh48JT0SPQSufmF9KHh6ZnYALLkAA4NcAVFMBAAchgAtgBGLQrllb76AHyoAPRZ+ITEotSjdCAANCAQDTBY0ArIoFSUEC4AClQIOyjxLvI7q72hYADWQgDK5N1wADKzyBLxCnC3e5PGDPBrkMCENjIGCURKrOB9ODSaRIj5hNgYci+LiUbrkGCbdjIEDkDDtFYgCzdPB+UhYeAKMFgODPM70rAxelyYlgTQUwj-ahHUJsPE-P4AkAAKwUAA9npDBABFDAQeDivD-VZgyiC4nojDqSgUhqUQgwAIeUjIACM9m1B3+flCDWJprggpicApAEdVfBhetziSFDgiEikRTKHA-Vho8KsWKkL9NZL-t0sNDYWnFXAVWrvcmJasYORepbPMgbCXQrlIQBhCDdJMgD0AVgpGH+ABUy+cU1qQDFEgBJKAo2DPMBmjYAQXHzxgckEGv+AF810A)

# Options (if any):
--parser angular

Input:

<tui-line-chart
    *ngFor="let chart of days"
    class="chart"
    [height]="200"
    [width]="getWidth(range)"
    [value]="chart | tuiFilter : filter : range | tuiMapper : toNumbers : range"
></tui-line-chart>

Output:

<tui-line-chart
  *ngFor="let chart of days"
  class="chart"
  [height]="200"
  [width]="getWidth(range)"
  [value]="chart | tuiFilter: filter:range | tuiMapper: toNumbers:range"
></tui-line-chart>

Expected behavior:

I feel it's much better to read with spaces.

    [value]="chart | tuiFilter : filter : range | tuiMapper : toNumbers : range"

Metadata

Metadata

Assignees

No one assigned

    Labels

    lang:angularIssues affecting Angular template (not general JS/TS issues used for Angular)locked-due-to-inactivityPlease open a new issue and fill out the template instead of commenting.status:needs investigationIssues that need additional investigation, e.g. to understand whether the reported behavior is a bug

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions