我有一个元素directive
,可以重复使用。
但background-color
需要根据用途进行更改
因此,每次调用directive
时,都需要将一个类动态注入directive
。
directive
名称为tabset
tabset 模板:
<ul>
........ HTML STUFF .......
</ul>
我需要添加类,这是<ul>
标记。
我更希望在创建attribute
指令的行上给出答案,该指令可以传递到tabset
指令。
如下所示:
第一个例子
<tabset colorblack>
</tabset>
第二个例子
<tabset colororange>
</tabset>
colorblack
和colororange
属性directives
。
如果这样的事情不可行,那么请建议正确的答案
请注意:
虽然我已经提到过改变颜色,但是当涉及到实时时,它不仅仅是改变颜色,所以我绝对需要传递class
。
如果问题不明确,请告诉我。谢谢提前
答案 0 :(得分:3)
你这样做:
<tabset tab-class="colorblack">
</tabset>
在你的指令中(假设隔离范围):
scope: {
tabClass: "@"
}
在你的HTML中:
<ul class="{{tabClass}}">
....
</ul>