问题标签 [angularjs-ng-class]

我有 10 个图标，每个图标用于不同类型的警报。我从服务中获取类型值。我需要根据从服务中获得的类型更改文本的图标和样式。我正在使用 ng-src 来更改图像。

有一个更好的方法吗？

我有以下自定义指令：

以及以下模板

我将此指令用作表格的一部分：

第一个表格行只是为了测试目的而添加的。根据变量“可选”的值，它正确地具有“可选”类。但是，由 ng-repeat 创建的那些表行永远不会设置“可选”类，无论“可选”变量的值是什么。

我发现以下文章 Angular js Custom Directive on element with ng-repeat - Can't set CSS classes 这建议在我的指令中使用 -1001 的优先级，但该帖子中原始代码的 1001 和 -1001 都不是答案中的建议对我的情况有所不同。

为什么 ng-class 不应用于具有 ng-repeat 的元素？

当“task.taskChecked”为真时，我想将“bg-green”类提供给 div。这有效，而且当“task.taskDescription”有“afspraak”这个词时，该类应该是“bg-purple”，这也有效。

但我正在努力的是，当'task.taskChecked'为真并且'task.taskDescription'包含'afspraak'这个词时，也给它'bg-green'类

这是代码：

解决方案：

我正在使用带有 ui 路由的 AngularJs v 1 应用程序。

我的问题只是如何在不单击 ui-sref 链接的情况下将主页设置为活动状态。

我尝试使用 ng-class="active" 但它没有完成任务。

主页

我正在尝试在 AngularJS 中创建一个 ng-class 子句，它评估内容的长度并相应地分配一个类，问题是使用 angular-translate 服务检索文本，因此当尝试在ng-class，它仍然是未定义的。

这是我到目前为止尝试过的

JS

PS：此功能目前仅用于测试目的，它仍在进行中

我正在使用一个图标，我根据使用 ng-class 的条件显示该图标。我想为这两个 HTML 标签添加 ID。

我正在尝试将单元格级样式应用于具有 ng-reapt 和 ng-class 的表。

这就是我想要做的：

但是我遇到了错误。我看过这个问题，但它不起作用。

这不可能用 ng-repeat 对每个条目应用特定的样式吗？

谢谢你。

我有一个多维数组被注入到我的视图范围中，其中包含学生的出勤数据。从本质上讲，它是反映许多记录的数字考勤表。我正在使用 angularjs 进行可以异步修改单个记录的 XHR 调用。

问题：一旦我修改了单个记录，例如：通过 ajax 将 A（不存在）更改为 P（存在），我想为该特定表格单元添加或删除 css 类。但是，指令在绑定时执行，并且我需要在通过 ajax 修改记录后执行它，在数据绑定很久之后。

这在控制器中使用 jQuery 很容易实现，就在 PUT 调用成功函数中。但这不是修改 dom 的“角度方式”。但是，从我所读到的显然，在绑定后修改 DOM 也是不好的做法。当然，有一种方法可以用 angular 来“正确”地做到这一点……我希望你们能增加一些清晰度。非常感谢的想法。

这是控制器中的 PUT 调用，它在 PUT 完成后通过并适当地修改范围，然后使用我在更改单元格之前提到的 jQuery：

这是指令，到目前为止，除了控制台日志之外，它没有完成任何事情。

谢谢！

I have an ng-repeat code in angularjs like this:

Also a result table like this:

what I'm looking is: when a user clicks on the first column for sorting, the other columns icon will be changed to the defualt icon like the first column. and icon of the first column, will be changed to sorted icon.

what happens right now is, other icons won't be changed when for example a user clicks on the first column sort icon.

如何使用以下代码根据工作日的 DB 值和班次号动态突出显示 TD 单元格。

能够使用函数 getDates() 显示工作日和日期。绑定到 TD 单元后作为 $scope.dates = getDates();

例如，如果下面的函数 getCurrentShiftDtls 返回 weekday = fri 和 shift no = 2 那么我想突出显示（更改 Bg 颜色）

我怎样才能做到这一点