在本文中,我们将学习Angular 9.1 CLI组件生成器的displayBlock选项。
使用CLI生成Angular组件时,默认情况下,使用CSS内联属性显示inline
,因为这是大多数DOM的默认显示。
使用Angular CSS样式显示display: block
组件
通常,需要使用display: block
CSS样式显示组件。
Using Angular 9.1 CLI displayBlock
的示例
以下是在生成新的Angular组件时使用此选项的方法:
ng generate component home --displayBlock
也可以通过设置默认display:block
schematics.@schematics/angular:component.displayBlock
在angular.json
中输入true,或者在终端中运行以下命令:
ng config schematics.@schematics/angular:component.displayBlock true