在 ngRepeat 和 Foundation 框架中使用 ngClass

Question

我发现当我使用的 Foundation 框架在 ng-repeat 中使用时，我的 ng-class 被覆盖了。代码比较简单：

<tr ng-repeat="goal in goals" ng-class="goal.difficulty">

我可以看到 class 被应用于 chrome 开发工具，但它被

的 tables.scss 样式覆盖

tables tr:nth-of-type(even)

我有我的 CSS 在基础之后，所以我有点不知所措。

编辑：

因为人们不相信它会被覆盖，所以这里有一张图片（您也可以从 Github 查看该项目）

Answer 1

尝试将 !important 放在 class 样式定义的末尾，以便它们覆盖 foundation。

这不是解决方案，但它表明您的样式与 zurb 冲突。正确的答案是使用 sass 从 zurb 中删除默认的 table 样式，特别是：

// These control the background color for the table and even rows
$table-bg: $white;
$table-even-row-bg: $snow;

我不相信 class 没有被应用到元素（除非你 post 渲染了一些 html 否则显示）。

Working with ngClass inside ngRepeat and Foundation framework