css – Angular 2:如何设计组件的主机元素?

发布时间:2020-01-18 发布网站:大佬教程
大佬教程收集整理的这篇文章主要介绍了css – Angular 2:如何设计组件的主机元素?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有Angular 2中的组件称为my-comp:
<my-comp></my-comp>

在Angular 2中如何为这个组件的主机元素设计样式?

在Polymer中,您将使用“:host”选择器。我试过它在Angular 2.但它不工作。

:host {
  display: block;
  width: 100%;
  height: 100%;
}

我也尝试使用组件作为选择器:

my-comp {
  display: block;
  width: 100%;
  height: 100%;
}

这两种方法似乎不工作。

谢谢。

解决方法

有一个错误,但它在此期间固定。 :host {}现在工作正常。

也支持

>:host(selector){…}用于选择器匹配主机元素上的属性,类,…
>:host-context(selector){…}用于选择器匹配父组件上的元素,类,…
> selector>>>>>选择器,用于样式在元素边界之间匹配

参见Load external css style into Angular 2 Component

大佬总结

以上是大佬教程为你收集整理的css – Angular 2:如何设计组件的主机元素?全部内容,希望文章能够帮你解决css – Angular 2:如何设计组件的主机元素?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ群:277859234,请注明来意。