问题标签 [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 回答
129 浏览

angularjs - 具有多个值的范围的 ng-class

我想根据范围的值添加一个类。它不工作:(

如果value.statut == 3,我想添加类todo

否则如果the value.statut == 2,我想添加类done

否则如果the value.statut == 1,我想添加类doing

0 投票
0 回答
1253 浏览

css - 使用 AngularJS 的侧边栏转换使用 scope.apply 不起作用

我有一个页面的 2 个部分 1. 侧边栏菜单 2. 页面内容

当我单击页面内容上的按钮时,滑动条菜单应该滑出。我正在尝试使用 Angular JS 的 ngClass 来实现这一点。

这是我的 CSS 首先:

这是我的 index.html:

这是控制器代码:

但是代码不起作用。我看了一下这个例子,如果我尝试一下,它就可以工作。但是我需要的是在侧边栏消失时将右侧内容调整为容器的完整大小。

AngularJS 的不同转换

0 投票
1 回答
1600 浏览

angularjs - 在 ng-click 函数上添加删除 ng-class

我创建了一个ng-click函数,它正在做我需要的基础知识,添加一个活动状态类单击此处。我似乎有一个问题,当我想点击退出活动时删除活动类。

});

有谁知道这样做的正确方法?

0 投票
1 回答
244 浏览

angularjs - 如何处理选定/未选定的 ng-class 以管理选项卡式弹出框

我的代码如下(小提琴):

有一些我没有得到的东西使代码无法完美运行,因为在选项卡上单击一次,所选的类名永远不会被删除。

0 投票
3 回答
1496 浏览

angularjs - 有选择地向 ng-repeat AngularJS 添加一个类

我有一个表的 ng-repeat,我希望能够在单击时添加一个类<td>,并在未单击时删除该类。<td>可以同时选择多个。现在所有的城市都在申请或没有申请。

例如:(假设节点有 100 个项目)

在我的 JS

0 投票
1 回答
613 浏览

angularjs - 在 AngularJS 中为 ng-class 使用服务?

您认为是否可以使用服务/指令/... ng-class

我的意思是我ng-class在几个局部视图中使用相同的。

当我想添加一个新类时,问题就来了,我必须在每个视图上更改它,但我可能忘记更改这些视图中的任何一个。

有解决办法吗?

0 投票
3 回答
9963 浏览

angularjs - ng-class 如果对象存在

如果对象存在,我们如何激活类。我有一个 json 数组,如果该特定数组存在 image_id,我需要在其中激活一个类。

此处类测试处于活动状态,但如果 image_id 存在,则会激活 classonimage 以修改少数 css 属性。

因此,如果它包含图像,我想在这里对故事进行一些更改。我们如何在 ng-if 上激活 ng-class。我们怎样才能做到这一点?

0 投票
1 回答
28471 浏览

angularjs - 基于值应用 ng-class

我有一个简单ng-repeat的显示分数列表和正值或负值的值。

我要做的是当值为负时,显示红色背景 CSS 类,当值为正时,显示绿色 CSS 类。但是,出于某种原因,我总是在我的页面上看到红色的CSS 类。

HTML:

CSS:

0 投票
2 回答
1328 浏览

css - AngularJS:当过滤器没有返回结果时应用css类

我用 AngularJS 创建了一种词汇表

当我单击字母列表按钮时,一个函数 (categoryFilterFn) 按类别过滤 json 数据。当过滤器没有返回结果时,我想将 CSS 应用于按钮。例如,如果我单击 Z 按钮,json 文件中不存在相关条目,因此过滤器不返回任何内容,并且 Z 字母按钮将设置为带有 css 的白色。我不知道如何使用 ng-clas 来应用它。这里的代码:

控制器:

0 投票
6 回答
3855 浏览

angularjs - 使用 ng-class 应用多个类

假设我的模型中有两个对象:foo可以采用两个值Foo1Foo2bar具有两个可能值的对象Bar1Bar2

现在,我想div根据这些对象的值应用到我的类。基本上,我想申请MyclassFoo1when foo=Foo1MyclassFoo2whenfoo=Foo2和类似地 for bar

例如,如果foo=Foo1bar=Bar2想结束

我在这里遇到的两个问题是:

  • 类名是根据对象值动态生成的
  • Foo 类独立于 Bar 类

我尝试使用语法

但它不起作用,因为字典键不能组成为'MyClass' + foo

另一种语法

看起来也没有希望:我必须将所有 foo-bar 组合作为表达式值。

还有其他方法可以实现我的目标吗?