介绍
本篇内容介绍了“角自定义组件添加默认样式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
<节>角的核心思想之一就是:组件化。组件化可以使我们的代码更好的复用。
在使用官方提供的角库角材料时,细心的同学就会发现,材料的每一个组件都有它自己样式,如:
- <李> <节> <强>按钮强>:
,,<代码> mat-button 代码> 节> 李> <李> <节> <强>工具条强>:
,,<代码> mat-toolbar 代码> 节> 李> <李> <节> <强>表格强>:
,,<代码> mat-table 代码> 节> 李> <李> <节>等。节> 李>
每个组件添加自己独有的样式,增加css作用域的控制,实现了样式的隔离。
那么,如果给一个自定义组件添加默认样式呢?接下来我们介绍三种方法来实现我们的目标。
,方法一:主机
在组件的<代码> @ component 代码>装饰器中提供了代码> <代码>主机属性,该属性可以为我们提供很多功能的支持,其中一项就是给组件添加样式。
中以材料的表为例:
<代码> @ component ({
, moduleId:模块。id,
,选择器:& # 39;mat-table,表[mat-table] & # 39;
, exportAs: & # 39; matTable& # 39;,
,模板:CDK_TABLE_TEMPLATE,
, styleUrls: [& # 39; table.css& # 39;],
,主持人:{
,,& # 39;类# 39;:& # 39;mat-table& # 39;,
,},
,提供者:[{提供:CdkTable useExisting: MatTable}],
,封装:ViewEncapsulation。没有,
,//看到注意>“角自定义组件添加默认样式”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!角自定义组件添加默认样式