问题标签 [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.
javascript - AngularJS 和 ng 类
我有下一个html代码:
下一个json:
我想在任何孩子是active==true
.
如何遍历所有孩子并确定班级?在这种情况下可以使用 ng-class 吗?
谢谢
angularjs - 使用工厂破坏 ng-class
我让 ng-class 很好地处理了控制器 $scope 上定义的所有内容:
但是我在切换到工厂后无法让它工作:
在这里小提琴:http: //jsfiddle.net/5XqDL/2/
我在 console.log 中观察了 nav 对象,并且 nav.show 和 nav.fixed 变量正在改变它们应该的位置。只是这些类没有被应用。
有任何想法吗?提前致谢。
angularjs - Angular JS - 为 ng-class 中的多个表达式标记单个类
我正在尝试找到在 ng-class 中为多个表达式标记单个类的语法:
当我使用上面的那个时,第一个左类没有得到应用。请,任何人都可以帮助正确的语法。
谢谢。
angularjs - 指令模板中 ng-class 中的条件逻辑
我正在使用 AngularJS,我正在编写自己的指令。我想在我的自定义指令中使用条件逻辑。问题出在template
零件上。这是我的一段代码:
此行会引发错误。
周围和正在造成这种情况''
。可能有一个非常简单的解决方法,但我还没有弄清楚。所以我问你们的问题;有没有其他方法可以写这一行?fa-angle-up
fa-angle-down
javascript - Angularjs ng-class 类顺序/优先级
编辑:事实证明这是我的困惑,请看我自己的答案。
在尝试重新排序 ng-class 中多个类的优先级时,我遇到了一个奇怪的行为。
问题是,无论您如何更改 ng-class 中表达式的顺序,它似乎总是应用样式表中最后一个类(即,如果您将 .btn-primary 放在 .e 下方,则在 css 中它将开始使用 .btn-primary 的背景颜色)。如果我使用 ng-class-even 来放置 .e 类,也会发生同样的事情。如果您实际上使用 chrome 检查代码,它会显示顺序为“btn-primary e”,但是 .e 的背景颜色不会覆盖 btn-primary 之一。
是否有某种方法可以使用 angular 更改 ng-class 中的类的优先级,而无需使用诸如 !important 之类的 css 技巧。
angularjs - ng-class 类名,其中包含呈现为 null 的范围变量
我有一个使用基于特定范围变量的类。
在这种情况下,范围变量是{{jobSingle.UserFit.Summary.score}},其取值为-1(当未知时)或0-10(当分数已知时)。
使用以下代码呈现跨度。
但是,当 jobSingle.UserFit.Summary.score > -1 时,该类未正确填充。
当我在开发者控制台中检查元素时,代码就是这样显示的。
为 span 呈现的类是“fit-score- null ”。
其他一些背景信息:
当我使用本地定义的模拟数据时,上面的代码曾经可以工作。
但是,在将我的控制器切换为使用$http从 API 调用实时数据后,针对上述情况,我的类名中开始出现 null。
除上述数据外,所有其他数据均完美呈现。
难道我做错了什么?提前谢谢了。
angularjs - ng-class 未评估为 true
我有一些我正在尝试使用 ng-class 的 html。如果我只是在“true”中硬编码,我的类的 CSS 会按预期应用。但是,一旦我用表达式替换 true (如下所示),似乎我的课程没有被应用。这是 HTML 行:
以及来自控制器的代码:
css - 为什么只提供类名时 ng-class 不起作用?
javascript - ng-class 中的表达式语法错误?
我正在学习 Angular.js,我有这段代码:
语法有问题,但我不知道是什么......我想做的是在列表中找到重复项,当有重复项时,我想通过更改保存按钮样式(类 btn-warning)来警告用户。任何人决定帮助我,我都会很高兴,提前谢谢你。更新:控制台日志:
对我来说很奇怪。 解决方案:
答案中的代码也有效(而且 IMO 比我的解决方案写得更好:))
javascript - ng-class没有调用Angularjs Scope方法
我正在构建一个应用程序。我的 index.html 看起来像:
我的主模块 js 看起来像:
我的控制器 JS 看起来像:
注意mainController是一个父控制器。unitTableController继承自 mainController。
指令countTable模板由 unitTableController 加载。
table.html看起来像:
包含该指令的 html 如下所示:
现在该指令正在以它应该的形式打印正确的数据,但是没有调用父mainController中的getCellColor()方法。
unitData是一个服务数据,它获取数据而不是休息,但在这里它并不重要。
我需要根据单元格中值的条件来设置表格单元格的类。我不想使用现有的表格/网格工具,这是一个非常简单的表格使用工具。我做错了什么还是有更好的方法来根据其值获取单元格的类别?
也许被调用的方法的范围有问题。
请建议。