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

时间:2015-05-07 17:18:07

标签: css angularjs angularjs-directive

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

directive名称为tabset

tabset 模板:

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

我需要添加类,这是<ul>标记。

我更希望在创建attribute指令的行上给出答案,该指令可以传递到tabset指令。 如下所示:

第一个例子

<tabset colorblack>
</tabset>

第二个例子

<tabset colororange>
</tabset>

colorblackcolororange属性directives

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

请注意:
虽然我已经提到过改变颜色,但是当涉及到实时时,它不仅仅是改变颜色,所以我绝对需要传递class
如果问题不明确,请告诉我。谢谢提前

1 个答案:

答案 0 :(得分:3)

实际上它非常简单,你真的不需要这个指令。

你这样做:

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

在你的指令中(假设隔离范围):

scope: {
    tabClass: "@"
}

在你的HTML中:

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