问题标签 [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.
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?
angularjs - 如何在 ng-class 指令中设置带和不带表达式的乘法规则?
我正在尝试使用调用的指令ng-class
从 CSS 文件中设置乘法规则。这是代码的一部分
变量filterToggleBtnSide
和notificationColor
包含 CSS 规则名称的字符串。
变量notificationState
集true
或false
.
问题的关键是-我如何始终使用filterToggleBtnSide
rule ,notificationColor
只有这样notificationState
才是真的。
我试图在下面制作类似的代码
在最后一个示例中,只有第二个表达式有效。如果有人帮助,我将不胜感激;D 谢谢
javascript - 你可以使用带有 Angular 的 NG-CLASS 活动链接的变量吗?
我想使用循环来创建我的导航 这是我的代码我一直收到一个错误,说它不会评估为字符串?我写的代码是这样它会循环遍历 $scope.navigation 并使用它来写出导航,这样我就不必写出每个列表和锚标记?
我的主要 js 脚本文件如下所示:
它一直给我一个错误,说 {{link.name}} 不能被评估为一个字符串,但它是一个字符串?有没有办法遍历 $scope.navigation 并让它输出导航,而不必手动写出来并仍然添加 setActive 函数?我对使用 angularjs 有点陌生。有没有办法解决这个问题,还是角度不允许以这种方式做事?
javascript - 对象属性值作为类名,ng-class
试图寻找这个问题的答案,但没有成功。
在 angularJS 中使用 ng-class 时,是否有一个属性的值是类名?
我的意思的一个例子:
然后在 Angular 中(在本例中使用 ng-repeat)
我正在寻找类名"abc"
- 但这给了我一个类名"thing.a"
. 这甚至可能吗,我哪里出错了?
提前致谢,感谢您的帮助。
angularjs - 使用 ng-class 添加多个类
我们可以有多个表达式来添加多个 ng-class 吗?
例如。
如果是的话,任何人都可以举一个例子来这样做。
.
angularjs - 注入类名和切换类名Angular
我知道在角度你可以做这样的事情:
如果条件为真,Angular 会将“myClassName”添加到类属性中。
我也知道:
将评估我的“myClassName”范围值并将其添加到元素的类参数中。
有没有办法在一个元素上同时做这两个?如果是这样,怎么做?
angularjs - AngularJS ng-class 不适用于条件
这非常简单,但我无法更改课程。
我基本上是在验证日期是否格式正确(DD-MMM-YYYY hh:mm:ss)。
其中 isValid 是一个范围变量,其计算结果为真假。未应用 css 类。
这是plnkr。
angularjs - 使用 ng-class 加载指令时类指令不起作用
我正在尝试使用 ng-class 加载“类”指令。但是当我这样做时,我的指令永远不会加载。该指令是一个多用途指令,我不想在此创建一个孤立的范围。它只会在需要时加载,基于 ng-class 条件,因此不使用属性或元素指令。有没有人尝试过这样做并成功了?
这个指令被称为使用<div ng-class="someClass {{tooltip: enabled}}"></div>
这里enabled
是一个范围变量。
angularjs - 将 angular-ui 进度条与 ngClass 相结合
我想将来自 angular-ui 的指令进度与指令 ngClass 结合起来。
到目前为止,我根本没有得到任何反应。我做错了吗,还是无法结合?
我想要的是一个进度条,当后台进程工作时该类处于活动状态,但在完成或出错时关闭。
HTML:
JS:
在http://plnkr.co/edit/koR0VnTKdpnhhMuD16hl上查看我的 plunkr
干杯!
javascript - AngularJS ng-class javascript动画不会触发
我正在尝试通过使用 add 和 remove 的常用语法将 js 定义的动画附加到 ng-class 指令,但动画不会运行。日志显示 add 和 remove 函数没有被调用。
这通常适用于其他指令,如 ngIf 和它的进入和离开动画,但对于 ngClass,它似乎只适用于 css-animations,如文档中的示例所证明