Название углового компонента, влияющее на css

Question

Я использую угловой компонент 1.5. Я создал компонент и использовать его в шаблоне

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

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

внутри этого моей-компоненты У меня есть код

<a></a> 

и свойства CSS определяются как ули Li а из-за имени компоненты I Я не могу получить доступ к элементу в css, используя указанный выше селектор.

Есть ли выход для этого?

Answer 1

Вы можете - в файле CSS - сделать:

my-component { 
    //your styles 
} 

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

Answer 2

У меня есть лицо эту проблему раньше, просто попробуйте добавить

replace: true 

свойство на вашей директиве. надеюсь, что он также сработает для вас.