问题标签 [ng-class]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
9 回答
558645 浏览

angularjs - AngularJS ng-class if-else expression

With AngularJS I'm using ng-class the following way:

I'm wondering if I can use the if-else expression to do something similar to this:

So whenever call.State differs from first or second use classC and avoid specifying each value?

0 投票
1 回答
254 浏览

angularjs - 如何在 ng-class 指令中设置带和不带表达式的乘法规则?

我正在尝试使用调用的指令ng-class从 CSS 文件中设置乘法规则。这是代码的一部分

变量filterToggleBtnSidenotificationColor包含 CSS 规则名称的字符串。

变量notificationStatetruefalse.

问题的关键是-我如何始终使用filterToggleBtnSiderule ,notificationColor只有这样notificationState才是真的。

我试图在下面制作类似的代码

在最后一个示例中,只有第二个表达式有效。如果有人帮助,我将不胜感激;D 谢谢

0 投票
2 回答
9372 浏览

javascript - 你可以使用带有 Angular 的 NG-CLASS 活动链接的变量吗?

我想使用循环来创建我的导航 这是我的代码我一直收到一个错误,说它不会评估为字符串?我写的代码是这样它会循环遍历 $scope.navigation 并使用它来写出导航,这样我就不必写出每个列表和锚标记?

我的主要 js 脚本文件如下所示:

它一直给我一个错误,说 {{link.name}} 不能被评估为一个字符串,但它是一个字符串?有没有办法遍历 $scope.navigation 并让它输出导航,而不必手动写出来并仍然添加 setActive 函数?我对使用 angularjs 有点陌生。有没有办法解决这个问题,还是角度不允许以这种方式做事?

0 投票
1 回答
2714 浏览

javascript - 对象属性值作为类名,ng-class

试图寻找这个问题的答案,但没有成功。

在 angularJS 中使用 ng-class 时,是否有一个属性的值是类名?

我的意思的一个例子:

然后在 Angular 中(在本例中使用 ng-repeat)

我正在寻找类名"abc"- 但这给了我一个类名"thing.a". 这甚至可能吗,我哪里出错了?

提前致谢,感谢您的帮助。

0 投票
11 回答
553310 浏览

angularjs - 使用 ng-class 添加多个类

我们可以有多个表达式来添加多个 ng-class 吗?

例如。

如果是的话,任何人都可以举一个例子来这样做。

.

0 投票
1 回答
830 浏览

angularjs - 注入类名和切换类名Angular

我知道在角度你可以做这样的事情:

如果条件为真,Angular 会将“myClassName”添加到类属性中。

我也知道:

将评估我的“myClassName”范围值并将其添加到元素的类参数中。

有没有办法在一个元素上同时做这两个?如果是这样,怎么做?

0 投票
1 回答
2170 浏览

angularjs - AngularJS ng-class 不适用于条件

这非常简单,但我无法更改课程。

我基本上是在验证日期是否格式正确(DD-MMM-YYYY hh:mm:ss)。

其中 isValid 是一个范围变量,其计算结果为真假。未应用 css 类。

这是plnkr

0 投票
1 回答
1932 浏览

angularjs - 使用 ng-class 加载指令时类指令不起作用

我正在尝试使用 ng-class 加载“类”指令。但是当我这样做时,我的指令永远不会加载。该指令是一个多用途指令,我不想在此创建一个孤立的范围。它只会在需要时加载,基于 ng-class 条件,因此不使用属性或元素指令。有没有人尝试过这样做并成功了?

这个指令被称为使用<div ng-class="someClass {{tooltip: enabled}}"></div> 这里enabled是一个范围变量。

0 投票
2 回答
4959 浏览

angularjs - 将 angular-ui 进度条与 ngClass 相结合

我想将来自 angular-ui 的指令进度与指令 ngClass 结合起来。

到目前为止,我根本没有得到任何反应。我做错了吗,还是无法结合?

我想要的是一个进度条,当后台进程工作时该类处于活动状态,但在完成或出错时关闭。

HTML:

JS:

在http://plnkr.co/edit/koR0VnTKdpnhhMuD16hl上查看我的 plunkr

干杯!

0 投票
1 回答
767 浏览

javascript - AngularJS ng-class javascript动画不会触发

我正在尝试通过使用 add 和 remove 的常用语法将 js 定义的动画附加到 ng-class 指令,但动画不会运行。日志显示 add 和 remove 函数没有被调用。

这通常适用于其他指令,如 ngIf 和它的进入和离开动画,但对于 ngClass,它似乎只适用于 css-animations,如文档中的示例所证明