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

Question

我有一个元素 directive ，这是要重复使用的。
但是 background-color需要根据使用情况进行更改。
因此需要将一个类动态注入(inject)到 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>