如何将不同的类传递给元素指令

Question

我有一个directive要重用的元素。
但background-color需要根据用途进行改变。因此，每次调用时，
都需要将类动态注入到 中。directivedirective

directive名字是tabset

选项卡集模板：

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

我需要向这个<ul>标签添加类。

attribute我更喜欢关于创建可以传递给指令的指令的行的答案tabset。如下所示：

第一个例子

<tabset colorblack>
</tabset>

第二个例子

<tabset colororange>
</tabset>

其中colorblack和colororange是属性directives。

如果这样的事情不可能，那么请建议正确的答案，

并且请注意：
尽管我已经提到了更改颜色，但当涉及到实时时，它不仅仅是更改颜色，所以我绝对需要传入class.
如果问题不清楚，请告诉我。提前致谢

Answer 1

它实际上非常简单，并且您真的不需要为此提供指令。

你做：

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

在您的指令中（假设隔离范围）：

scope: {
    tabClass: "@"
}

在你的 HTML 中：

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