使用 Angular 创建动态类

【问题标题】：Create dynamic class with Angular使用 Angular 创建动态类
【发布时间】：2015-11-22 13:40:49
【问题描述】：

我正在尝试在 Angular 模板中添加一个动态类并相应地设置样式属性。

HTML 将是 -- <body class="{{ product-id }}">

CSS 将是—— product-id : { color: #ccc; } product-id 是一个动态值。

最好的方法是什么？我希望能够让它成为一个选择器，我可以将其用于页面中的各种元素位置，这就是为什么 ng-style 不适合我的原因。

【问题讨论】：

【解决方案1】：

我认为您正在寻找的最佳方法是 ng-class 指令，它允许您根据 $scope 变量设置不同的动态类。

您可以查看ng-class here 的文档。

希望能帮到你！

【讨论】：

我对 ng-class 很熟悉，但是你会如何定义风格呢？例如。 product-848483823 将设置为 { color: #ccc; } 或 product-0943094 也将设置为相同的样式。
嗯。有多少种不同的风格组合？以及如何定义映射？或者样式定义来自哪里？如果您有不同样式的句柄，您可以在控制器中定义一个映射对象并将其传递给 ng-class 指令属性。理想情况下，您的样式将位于 CSS 文件中。