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

Question

我有一个元素directive，可以重复使用。
但是background-color需要根据使用情况更改。
因此，每次调用directive 时，都需要将一个类动态注入directive。

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>