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

angularjs - ng-class 不参加两个课程

我有一个像这样的 ng-class

问题是,假设“response.submitSuccess”返回 true ,只添加了 alert-success 类而不是 alert 类。

0 投票
1 回答
847 浏览

javascript - Angular:ng-click 仅在 ng-repeat 内的元素子集上

我正在使用 Angular;我有一个 ng-repeat 循环,我想让一些元素可点击。类似于以下内容:

控制器中的 doSomething 类似于

这可行,但我担心如果大多数元素不可点击设置很多无用的处理程序可能会减慢页面速度。是这样吗?如果是这样,有没有办法ng-click只在需要的地方设置属性,即只为那些元素设置item.clickable === true

0 投票
1 回答
811 浏览

angularjs - 如何防止 ngAnimate 和 ngClass 之间的冲突破坏 DOM?

我刚开始使用 ngAnimate 库 (1.2.13),当我将 ngRepeat 指令与 ngClass 结合使用时,它破坏了我的 DOM。当 ngClass 添加或删除触发未使用 ngAnimate 类定义的现有转换的类时,似乎存在冲突。

我在以下 Plunker 中复制了该行为:http://plnkr.co/edit/iw5st35cqp1GQeCxMhjj 当您单击其中一个元素时,它们会获得焦点。使用 ngClass将类dm-focused添加到元素并触发高度转换。当焦点元素被移除时,它应该从列表中消失,但它会出现故障并停留在焦点状态。

我能想出的唯一解决方案是将每个 ngAnimate 类设置transition: none为所有遭受此故障的现有类。但是,如果我确实想同时使用 ngClass 和 ngAnimate 的转换怎么办?我还必须检查我的所有应用程序并添加不必要的样式,以防止这种不需要的行为。

0 投票
1 回答
16183 浏览

javascript - Ng-class - 将一个类添加到 DOM 后删除它

我正在使用 animate.css 在同一元素上制作动画。添加课程后,我在删除课程时遇到问题。

HTML

动画后如何删除类?

0 投票
7 回答
16962 浏览

angularjs - 使用 ng-class 添加多个类,其中一个类是有条件的

我得到了这个代码:

它可以工作,但我也想将'key'值添加为一个类,我试过了:

但这不会起作用,有谁知道如何解决这个问题?

0 投票
1 回答
776 浏览

angularjs - ng-class 不像简单的 CSS 类那样做

我期待 ng-class 至少能做一个简单类的工作,即应用一个 css 属性。在 plunker 示例中,如果替换ng-classclass,它可以工作并且我得到缩进。即ng-class="indentLeft"不起作用,但class="indentLeft"确实如此。我错过了什么?

在这里查看一个简单的 plunker:http://plnkr.co/edit/moLu0BmgEYVm3xFQDcw8?p= preview

0 投票
1 回答
2647 浏览

css - AngularJS ng-class 不适用于 :hover 伪类

Hover psuedoclass 似乎不适用于 ng-class ...有什么想法吗?这是一个示例:

http://jsfiddle.net/75n6w/11/

0 投票
1 回答
11164 浏览

javascript - ng-class 不会在自定义指令上触发

我目前正在为 AngularJS 开发一个幻灯片菜单指令。javascript 包含三种类型的指令:每种类型的滑动菜单的指令(为简洁起见,我只包括左侧滑动菜单),一个用于屏幕其余部分的包装器指令asmWrapper和一个控制按钮指令asmControl。目前,所有这些指令都使用服务asmService进行通信。

当用户单击一个 asmControl 时,该指令的控制器调用 asmService 上的一个方法,该方法确定触发了哪个菜单并在 $rootScope 上发出一个“asmEvent”。asmSlidingMenu的控制器将捕获该事件并更新其范围内的活动变量,但 DOM 元素的 CSS 类保持不变。

我假设没有设置ng-class 。我该如何解决?

我在下面包含了 asmSlidingMenu 指令的代码。要查看更完整的示例,请查看我制作的Plunker 。

0 投票
0 回答
169 浏览

javascript - 模态字符串上的角度 ng-class javascript 条件

我正在尝试根据模态值应用样式类。

我正在尝试根据模态中的值添加字形图标。但我很难得到这份工作。下面是我使用的代码。

让我知道是什么问题,或者我不应该在角度表达式中使用 mehtod 的索引

0 投票
3 回答
7364 浏览

angularjs - 选定元素 Angularjs 上的 ng-class

我有一种情况,我根据表达式对数据进行排序:

html:

因此,无论何时用户单击列表中的一个,无论它是流行的还是最新的,都会激活所选课程。我怎样才能表达 ng-class 以便激活列表上的选定类。这是没有 ng-repeat 的地方,我可以使用 $index 和 onselect 我们可以活动类。我怎么能在这里做到这一点?