Angular 6 удаляет поля элемента по умолчанию?

Question

Проблема, с которой я сталкиваюсь, заключается в том, что html-элементы (кнопки в примерах ниже) в Angular 6, похоже, не имеют своего поля по умолчанию:

Пример Angular 5.2.2 - имеетполе по умолчанию / интервал между кнопками

Пример Angular 6.0 - отсутствует поле / интервал между кнопками

Я надеюсь, что кто-то может подтвердить, что это проблема сугловой - или укажите мне корень проблемы - прежде чем я открою проблему github

Answer 1

Вы можете попробовать добавить preserveWhiteSpace, так как пробел между кнопками - это не поле, а пробел.

@Component({ 
   selector: 'app-employee-list', 
   templateUrl: './employee-list.component.html', 
   styleUrls: ['./employee-list.component.css'], 
   preserveWhitespaces: true 
}) 
export class EmployeeListComponent { 
}

Чтобы сделать это через приложение, вы можете сделать:

[…] 
"angularCompilerOptions": { 
  "preserveWhitespaces": true 
} 
[…]

Answer 2

Нет, это не меняет поля.В примере angular 6.0 имеются пробелы stripped , которые убрали бы поля между элементами inline-block .Существует конфигурация preserveWhitespaces для angular, которая теперь (в версии 6.0) отключена по умолчанию.

Проверьте этот ответ для получения дополнительной информации: Как глобально установить для параметра preserveWhitespaces в Angular значение false?