Более красивая конфигурация форматирования - PullRequest
Новая
       8

Более красивая конфигурация форматирования

0 голосов
/ 11 января 2020

Я дергаю себя за волосы, пытаясь настроить форматирование Преттиера для компонента Angular HTML. Я пробовал переопределение другой конфигурации, но не могу получить то, что хочу.

По умолчанию в VS Code + Prettier указана следующая разметка: 

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

(из-за строки длина): 

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

, что мне совсем не нравится. Я не хочу, чтобы Преттир разделял тег так. Я бы предпочел: 

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

Кто-нибудь знает, как переопределить его поведение по умолчанию? Я согласен с форматированием по умолчанию при использовании нескольких атрибутов, например: 

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

1 Ответ

1 голос
/ 11 января 2020

Что для меня работает, так это добавление пробела между содержимым и открывающим и закрывающим тегами: 

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

С пробелами, красивее форматирует его правильно

...