问题标签 [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.
javascript - 如何按点击项目的顺序设置 ng-class?
http://plnkr.co/edit/pUtuZy?p=preview
我有这 3 个边界类:
我想要单击第一个按钮来获得border1
课程,第二个按钮单击border2
课程并且相同border3
。
此外,我最终将有代码阻止用户选择超过 3 个按钮,因此用户将只能选择 3 个按钮。
当前标记逻辑:
但是,我不确定如何编写逻辑以确保第二个和第三个按钮获得适当的样式。如何解决这个问题?
javascript - 指令中的角度应用类
我有一个角度指令,它将生成引导表单组,查找 $scope.errors 以获取指令的 ng-model 的值以显示错误。示例如下:我的 html 代码:
和我的指令代码:
你能解释一下我如何达到预期的结果吗?
angularjs - ng-switch-when 和 ng-class 兼容性
我想知道当 ng-switch-when 和 ng-class 在与此示例中相同的元素上使用时是否没有兼容性问题。
我正在尝试动态更改这四个元素的类,但由于某些原因,这不适用于所有元素,仅适用于当前显示的元素。
有谁知道这里发生了什么?
在 div 之间切换。
返回一门课或另一门课。
非常感谢。
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 重新评估表达式?
javascript - 在这种情况下如何使用 ng-mouseenter 删除类
在div
使用类时ticker
,我想在用户s时删除pulse
CSS 动画类。ng-mouseenter
我没有仅针对ticker
div 的指令设置,但是在这种情况下是否有一种简单的方法可以删除或更新pulse
类?
标记
鼠标输入函数
javascript - 如何使用 AngularJS 添加和删除类?
我有几个按钮可以像切换器一样工作。如果您单击一个,它会变为活动状态并“关闭”其他按钮。我使用 jQuery 做到了这一点,但想使用 AngularJS。这是我的代码:
HTML
JavaScript
angularjs - Ng-class 不评估给定参数
我对 ng-class 指令有疑问:我想在屏幕尺寸较大或中等时动态添加一个类。据我所知,在生成 html 或类似的东西时没有评估条件,因为在控制器中我看到了正确的值,但没有添加所需的类。
和html部分
我转义了 ' 字符,因为标签位于由 ' 组成的模板内。
谢谢,维奥
css - 如何使 ngClass 对 Angular 中的数组成员具有反应性?
我正在尝试使列表类对该列表成员的 ID 是否在数组中作出反应。我可以用控制器中的一个函数来处理它,但是如果数组发生变化,它不会自动更新类。
这是一个代表我的问题的 plunker,我希望所有的 id$scope.redIds
都是红色的。
http://plnkr.co/edit/rl8WWgTRnksDkEddmhj9
下面的代码:
应用程序.js:
谢谢!
EDIT Plunker 已经更新了工作解决方案:http: //plnkr.co/edit/rl8WWgTRnksDkEddmhj9
angularjs - 中继器中的绑定类
这是我的html
并在控制器中
我想要做的是在数组中显示一个链接 foreach 字体。Onclick 值应该在 $scope.model.value.HeadingFont 上设置,并且如果 $scope.model.value.HeadingFont == {currentFont},链接应该有 css 类“font-bulb”(总是)和“active”
该值设置正确,但 css 类不适用;我尝试了不同的选项,但找不到正确的选项。
任何人都可以帮助解决这个问题吗?
谢谢