问题标签 [angularjs-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 投票
3 回答
96 浏览

javascript - 如果响应为假,则使用角度更改类

如果请求为假,我在如何切换课程时遇到一些问题。让我向您展示我的代码和解释。

这就是我的输入的样子

这是我获取响应的控制器部分

所以现在我不想实现,当$scope.locationNameError我的班级设置在所需的输入上时form-group has-error

到目前为止,我认为如果例如进行相同的排序,但这不起作用

我这样做是错误的吗?我不想用尽可能少的代码来实现解决方案。谢谢您的帮助。

0 投票
1 回答
58 浏览

javascript - Angular 指令和 ng-class

假设一个带有 html 的指令,例如在component.htmllike

然后我正在尝试做...

在那之后,ng-class我有类似的东西{'classB': varB} {'classA': varA}显然不起作用。

问题是我无法更改component.html,但我需要在 keyup 上添加/删除类(取决于标准)。是否可以在我的情况下添加 ng-class 或者可能有另一种添加/删除类的方法?

0 投票
1 回答
81 浏览

angularjs - 如何将 ng-repeat 过滤器移动到控制器中并在用户单击时应用“活动”类?

我有一个选项卡式滑块,可以通过选择选项卡来切换滑块的视图,该选项卡按属性过滤 ng-repeat。

当用户在选项卡之间单击时,如何将过滤器移动到控制器中并应用“活动”类?

html:

控制器:

服务片段:

0 投票
1 回答
474 浏览

angularjs - 更改数组时,ng-class 不会在 ng-repeat 内部更新

下面的代码来自 Angular 应用程序中的聊天界面。用户将通过单击用户气泡来选择他们希望向其发送消息的用户,这会将这些用户添加到数组selectedChatUsers

列出用户。突出显示当前选择的那些。

该应用程序的另一个功能是能够单击已发送消息中的聊天气泡,并使用“to”属性填充selectedChatUsers数组,该属性是该消息发送到的用户数组。

此功能有效,但应该显示这些用户被选中的 ng-class 指令不起作用。

关于如何在 selectedChatUsers 更改时更新视图中的 ng-class 的建议?

0 投票
1 回答
59 浏览

css - angularjs 仅对整个集合中的可见对象交替着色

在我的 angularjs 应用程序中,我有以下 json。

在我的 html 中,我有简单的 ng-repeat :

现在我需要使用 ng-class 将替代颜色应用于可见标签。我的意思是在给定的列表中只有“xyz”和“lmn”在屏幕上可见,它们应该被赋予替代颜色。

我该如何申请ng-class="{even: !($index%2), odd: ($index%2)}",在这种情况下仅适用于可见标签,类似于下面的 html,但 html 应该根据needsToHide标志正确添加偶数或奇数类?

0 投票
3 回答
4261 浏览

angularjs - 在 ng-class 中使用运算符(>、<、==、!=)

我想使用运算符来检查值是否大于或等于 ng-class 中的其他数字或变量,然后相应地应用样式类。基本上我想根据他们的概率为 div 着色。

ng-class 的用法正确吗?它打印的值

但 ng-class 标签不起作用。有什么理由吗?

我究竟做错了什么。?谢谢

0 投票
2 回答
876 浏览

javascript - 为什么 ng-class 不能使用类名?

我写了以下代码:

我的目的是

元素将被放置在虚线边界线内。它不起作用。我查看了 Angular 文档(https://docs.angularjs.org/api/ng/directive/ngClass),我看到了:

如果表达式的计算结果为字符串,则该字符串应该是一个或多个以空格分隔的类名。

我知道 ng-class 可能包含我在 -tag 中定义的类名。所以..我做错了什么?

0 投票
1 回答
462 浏览

angular - ngClass add a class to element A if element B exists in DOM?

I want to use ngClass to add a class to an element if another element exists in the DOM.

Is this possible to do directly in the template, or do I need to something more complex in the component?

0 投票
3 回答
489 浏览

angularjs - 为什么不根据ui路由器的当前状态应用ng-class?

我的应用程序有两个不同的视图(page1 和 page2),它们已配置为ui-router's stateProvider。我想根据我正在查看的页面在正文上应用 css。如果我正在查看 page1,我想将其应用于class1页面正文和class2page2。

为了实现这一点,我使用ng-classangularjs. ng-class指令的值是根据ui-router.

这是它的示例代码,问题是内部的表达式ng-class没有得到评估,所以我的css没有得到应用。

谁能指出我做错了什么?

0 投票
1 回答
247 浏览

html - AngularJS ng-class 表达式无法正常工作?

ng-repeat用来在一个简单的表格中列出本垒打与客场跑的数量。我正在使用以下代码段应用基于哪个团队获胜的课程:

如果本垒打数大于客场跑数,则代码有效,但仅当此数字小于 10 时。

例子:

按预期工作:9 > 5

不起作用:11 > 5

我想知道有人知道如何克服这个问题吗?