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

标签 css angularjs angularjs-directive

我有一个元素 directive ,这是要重复使用的。
但是 background-color需要根据使用情况进行更改。
因此需要将一个类动态注入(inject)到 directive 中, 每次 directive被称为。

directive名字是tabset

标签集模板:

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

到这里<ul>我需要添加类的标记。

我更喜欢关于创建 attribute 的答案可以传递到 tabset 的指令指示。 如下所示:

第一个例子

<tabset colorblack>
</tabset>

第二个例子

<tabset colororange>
</tabset>

哪里colorblackcolororange将是属性 directives .

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

请注意:
尽管我提到了改变颜色,但说到实时,它不仅仅是改变颜色,所以我肯定需要传入 class。 .
如果问题不清楚,请告诉我。提前致谢

最佳答案

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

你这样做:

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

在你的指令中(假设作用域是独立的):

scope: {
    tabClass: "@"
}

在您的 HTML 中:

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

关于css - 如何将不同的类传递给元素指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30107767/

相关文章:

javascript - 如何在 angular.js 中处理多个异步任务?

javascript - 在 AngularJs 中动态添加 url 到脚本标签中

html - 鼠标移动时文字消失

ios - "display: flex"和 "align-items: center"怎么可能在我的 iphone 上不再工作了?

html - 主体不会扩展以包含相对定位的元素

python - 为什么 lxml 找不到这个类?

javascript - 范围内的新值。$watch 未定义

angularjs - ng-controller 位于 angularjs 指令内?

javascript - 如何使用另一个文本区域编辑文本区域值?

angularjs - 如何将模板传递给属性中的指令?