Angular 6是否正在删除默认元素边距？

Question

我遇到的问题是Angular 6中的html元素(下面示例中的按钮)似乎缺少默认边距:

Angular 5.2.2示例 - 按钮之间具有默认边距/间距

Angular 6.0示例 - 缺少按钮之间的边距/间距

我希望有人可以确认这是一个有角度的问题 - 或者指出问题的根源 - 在我打开一个github问题之前

Answer 1

不,它没有改变边际.角度6.0示例中的空格被剥离,这将删除内联块元素之间的边距.有一个preserveWhitespacesangular 的配置,默认情况下现在(在6.0版本中)被禁用.

请查看此答案以获取更多信息:如何将Angular中的preserveWhitespaces选项全局设置为false？

Answer 2

您可以尝试添加,preserveWhiteSpace因为按钮之间的空间不是边距而是空格.

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

要在整个应用程序中执行此操作,您可以:

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