Quantcast
Channel: Active questions tagged visual-studio-code - Stack Overflow
Viewing all articles
Browse latest Browse all 99142

Prettier formatting configuration

$
0
0

I'm pulling my hair trying to configure Prettier formatting for Angular HTML component. I tried different configuration overriding but I can't get what I want.

By default, on VS Code + Prettier, the following markup :

<ng-container *ngIf="emailRef.hasError('email')">A valid email address must be used</ng-container>

is formatted to (because of line length) :

<ng-container *ngIf="emailRef.hasError('email')">A valid email address must be used</ng-container
>

which I don't like at all. I don't want Prettier to split the tag like that. I'd rather prefer :

<ng-container *ngIf="emailRef.hasError('email')">
  A valid email address must be used
</ng-container>

Does anyone knows how to override its default behavior ? I'm OK with the default formatting when multiple attributes are used, like in :

<input
  id="email"
  name="email"
  type="email"
  email
  required
  [(ngModel)]="email"
  #emailRef="ngModel"
/>

Viewing all articles
Browse latest Browse all 99142

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>