Как передать в разные классы директиве элемента

Question

У меня есть элемент directive, который должен использоваться повторно.
Но background-color необходимо изменить в соответствии с его использованием.
Следовательно, класс необходимо вводить динамически в directive, каждый раз, когда вызывается directive.

directive имя tabset

tabset шаблона:

<ul> 
    ........ HTML STUFF ....... 
</ul> 

Именно к этому <ul> тег, который мне нужно добавить классы.

Я бы предпочел ответ на строки создания директивы attribute, которая может быть передана в директиву tabset. Что-то, как показано ниже:

первый пример

<tabset colorblack> 
</tabset> 

второй пример

<tabset colororange> 
</tabset> 

где colorblack и colororange бы атрибут directives.

Если что-то вроде этого не posiible, то не предложить правильные ответы

И обратите внимание:
Eventhough я упомянул об изменении цвета, когда дело доходит до реального времени, это не только изменение цвета , поэтому я обязательно должен пройти в class.
дайте мне знать, в случае, если вопрос не clear.Thanks заранее

Answer 1

Это на самом деле довольно просто, и вы действительно не нужна директива для этого.

Вы делаете:

<tabset tab-class="colorblack"> 
</tabset> 

И в своей директиве (предполагая, что изолированный объем):

scope: { 
    tabClass: "@" 
} 

И в вашем HTML:

<ul class="{{tabClass}}"> 
    .... 
</ul>