问题标签 [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 投票
2 回答
507 浏览

javascript - 如何按点击项目的顺序设置 ng-class?

http://plnkr.co/edit/pUtuZy?p=preview

我有这 3 个边界类:

我想要单击第一个按钮来获得border1课程,第二个按钮单击border2课程并且相同border3

此外,我最终将有代码阻止用户选择超过 3 个按钮,因此用户将只能选择 3 个按钮。

当前标记逻辑:

但是,我不确定如何编写逻辑以确保第二个和第三个按钮获得适当的样式。如何解决这个问题?

0 投票
1 回答
264 浏览

javascript - 指令中的角度应用类

我有一个角度指令,它将生成引导表单组,查找 $scope.errors 以获取指令的 ng-model 的值以显示错误。示例如下:我的 html 代码:

和我的指令代码:

你能解释一下我如何达到预期的结果吗?

0 投票
2 回答
2330 浏览

angularjs - ng-switch-when 和 ng-class 兼容性

我想知道当 ng-switch-when 和 ng-class 在与此示例中相同的元素上使用时是否没有兼容性问题。

我正在尝试动态更改这四个元素的类,但由于某些原因,这不适用于所有元素,仅适用于当前显示的元素。

有谁知道这里发生了什么?

在 div 之间切换。

返回一门课或另一门课。

非常感谢。

0 投票
3 回答
223 浏览

javascript - ng-class 不在 html 之外更新

我在我的项目中使用了以下代码。抱歉,我将无法分享任何 plunker 或 jsfiddle

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述
作为输出状态:在 html 之外使用的变量工作正常,但在 Html 中使用的变量没有更新。

0 投票
1 回答
801 浏览

angularjs - ng-class 表达式只计算一次范围属性

我有 2 个带有 ng-class 的 div 用于评估 $scope 属性,称为 {{stepNumber}}。

第一次加载页面时{{stepNumber}} is 0,,

第一个 div 获得类活动,第二个 div 类被禁用

当我单击使用ng-click来增加属性值的按钮时$scope.stepNumber++;,div 不会重新评估 ng-class 表达式。

{{stepNumber}} 现在为 1,但第一个 div 类 处于活动状态,第二个 div 类仍处于 禁用状态

如何让 ng-class 重新评估表达式?

0 投票
1 回答
103 浏览

javascript - 在这种情况下如何使用 ng-mouseenter 删除类

div使用类时ticker,我想在用户s时删除pulseCSS 动画类。ng-mouseenter

我没有仅针对tickerdiv 的指令设置,但是在这种情况下是否有一种简单的方法可以删除或更新pulse类?

标记

鼠标输入函数

0 投票
2 回答
45649 浏览

javascript - 如何使用 AngularJS 添加和删除类?

我有几个按钮可以像切换器一样工作。如果您单击一个,它会变为活动状态并“关闭”其他按钮。我使用 jQuery 做到了这一点,但想使用 AngularJS。这是我的代码:

HTML

JavaScript

0 投票
1 回答
67 浏览

angularjs - Ng-class 不评估给定参数

我对 ng-class 指令有疑问:我想在屏幕尺寸较大或中等时动态添加一个类。据我所知,在生成 html 或类似的东西时没有评估条件,因为在控制器中我看到了正确的值,但没有添加所需的类。

和html部分

我转义了 ' 字符,因为标签位于由 ' 组成的模板内。

谢谢,维奥

0 投票
1 回答
662 浏览

css - 如何使 ngClass 对 Angular 中的数组成员具有反应性?

我正在尝试使列表类对该列表成员的 ID 是否在数组中作出反应。我可以用控制器中的一个函数来处理它,但是如果数组发生变化,它不会自动更新类。

这是一个代表我的问题的 plunker,我希望所有的 id$scope.redIds都是红色的。 http://plnkr.co/edit/rl8WWgTRnksDkEddmhj9

下面的代码:

应用程序.js:

谢谢!

EDIT Plunker 已经更新了工作解决方案:http: //plnkr.co/edit/rl8WWgTRnksDkEddmhj9

0 投票
1 回答
42 浏览

angularjs - 中继器中的绑定类

这是我的html

并在控制器中

我想要做的是在数组中显示一个链接 foreach 字体。Onclick 值应该在 $scope.model.value.HeadingFont 上设置,并且如果 $scope.model.value.HeadingFont == {currentFont},链接应该有 css 类“font-bulb”(总是)和“active”

该值设置正确,但 css 类不适用;我尝试了不同的选项,但找不到正确的选项。

任何人都可以帮助解决这个问题吗?

谢谢