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

javascript - AngularJS:根据单元格值更改动态生成的表格中的单元格类

我有一个由以下代码动态生成的表:

迭代表的数据如下所示:

如您所见,数据是一个嵌套数组。现在我试图通过调用父控制器范围中定义的方法getUnitCountCellColor()根据其值设置每个单元格的颜色。

该方法简单地获取值并根据值作为字符串返回颜色类。(例如:危险、成功)

目前它仅被调用 4 次,值为'undefined'

我试图用ng-class来实现它:

但随后根本不调用该方法。

请通过指出我当前代码中的错误或通过其他更好的方法来帮助我实现此功能。

感谢您,

0 投票
2 回答
925 浏览

angularjs - ng-class和数组angularjs中的匹配值

以上将我的课程设置为activewhen question.chosenmatches key。这意味着$scope.question.chosen只有一个值。

甚至我$scope.question.chosen["a","b","c"]如何使用 ng-class 来迭代它以匹配key

0 投票
1 回答
524 浏览

angularjs - Use scope attribute of directive as class name in ngClass

I want to use a scope attribute of a directive as the class name in ngClass

I've tried other syntax of ngClass as well but this doesn't work either (I added a $scope.dummy = true for this)

Is there a right way of doing this ??

0 投票
5 回答
69460 浏览

angularjs - 带有 OR 运算符的 AngularJS ng-class 多个条件

我试图找出根据角度值添加类的良好语法。我想使用 OR 运算符激活一个关于 2 个条件的类(一个关于实时用户更改,一个关于加载数据)。

这是行:

我尝试了一些不同的代码,例如:

没有任何成功。有人可以帮我找到好的语法吗?

0 投票
0 回答
858 浏览

angularjs - $anchor滚动到班级

在我的 Web 应用程序中,我让用户使用箭头键来上下一个大列表,使用以下命令设置ng-repeat

当前<li>获得课程亮点。我还想将页面滚动到他们当前的选择,因为每个<li>都很大,并且页面一次只能显示大约 3 个。我知道我可以通过文档$location使用并$anchorScroll滚动到一个 id,但我不知道如何滚动到一个类,或者使用某种类似于 ng-class 的东西(一次只会突出显示一个元素) .ng-id

如果有人能给我一些建议,那就太好了。谢谢!

0 投票
1 回答
3080 浏览

angularjs - ng-class上的angularjs自定义过滤器

您好,我想创建简单的数据搜索表。我想突出显示数据是否与用户类型输入匹配。我是通过下面的文档完成的,因为我开始使用 angular 我想知道有没有更好的方法?一些自定义过滤器可能吗?

0 投票
2 回答
730 浏览

angularjs - ng-class does not apply when expression re-evaluates

This code is from an offline network so I can't paste it here. I'm summarizing it.

I have the following code:

The agents list is loaded via ajax requests.

app.js:

Agent.js

For the record, the AgentsServlet load agents and their data from a simple text file.

Now, when I change the file contents, the next ajax request will successfully load and update the table's contents BUT, the ng-class is not changed. For example, if I change an agent's status from RUNNING to ERROR, its tr's class does not change to 'error'.

The weird thing is that if I put inside the ng-class the getClass() logic, it works, eg:

It seems that the function call is the problem and not the expression.. Any ideas?

Thanks

0 投票
1 回答
122 浏览

javascript - ngClass 绑定未通过指令通信更新

我想嵌套两个指令,并且inner directive绑定ng-class到一个函数,该函数从内部和外部范围获取范围属性并返回一个布尔值

这是 HTML:

这是我的外部指令:

这是我的内心指令:

现在的问题是ng-class='{disabled: isDisabled()}'绑定在开始时被初始化一次但在myCtrl.isProcessing更改时没有更新!

有人可以解释为什么吗?我怎样才能在不改变我的设计的情况下解决这个问题?

0 投票
1 回答
1201 浏览

angularjs - 在 ng-init 中设置 this.value 并从 ng-class 访问它不起作用

我正在尝试为 ng-repeat 创建的元素的子元素附加一个不同的值。

是动态设置的$scope.my.value,但如上所示,我想根据this.value硬编码到其ng-init.

但这并没有给我结果。也许this.value没有附加到元素上。我做错了什么(我不知道为什么我认为this会起作用),有没有其他方法可以做我想做的事?

我想我的问题的症结是:this每个元素是否有一个 /equivalent 我可以将一些不同的值固定到?

0 投票
1 回答
3885 浏览

angularjs - 混合使用常规类和 ng-class

想要在 中生成不同的图标ng-repeat

如何使用 仅指定其中一个类ng-class

如果我写:

然后生成的输出是

当然,该图标不会显示在页面上。