影响css的角度组件名称

Question

我正在使用angular 1.5组件。我创建了一个组件并在模板中使用它

<ul>
    <li>
       <a>Some action here</a>
    </li>

    <li>
       <my-component></my-component>
    </li>
</ul>

在我的my-component中我有

的代码

<a></a>

和css属性定义为ul li a，因为组件名称我无法使用上面的选择器访问css中的元素。

有什么出路吗？

Answer 1

您可以 - 在您的css文件中 - 执行：

my-component {
   //your styles
}

http://plnkr.co/edit/Lw18LtUVuHfSZU05b6R9?p=preview plunker, see last component

Answer 2

我之前遇到过这个问题，只是尝试添加

replace: true

指令上的

属性。 希望它也适合你。