我有一个元素 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
。 .
如果问题不清楚,请告诉我。提前致谢
最佳答案
它实际上非常简单,您真的不需要指令。
你这样做:
<tabset tab-class="colorblack">
</tabset>
在你的指令中(假设作用域是独立的):
scope: {
tabClass: "@"
}
在您的 HTML 中:
<ul class="{{tabClass}}">
....
</ul>
关于css - 如何将不同的类传递给元素指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30107767/