AngularJS ngStyle 不适用于我的表元素

AngularJS ngStyle is not applying to my table element

本文关键字：元素 我的 适用于 ngStyle 不适用 AngularJS      更新时间：2023-09-26

这是有效的，每当超过功率阈值时，就会应用该样式。

<td ng-repeat ="n in range (0,191)" title="SC{{n}} {{value.Data | split:' ':n}}dBm" ng-style="{{value.Data | split:' ':n}} > {{pwrThreshold}} && {'background-color':'red'}"></td>

这个没有，代码大多相同。唯一的区别是数据源。我已经能够在 HTML 元素中打印值，所以我知道它们在那里。我尝试删除该类，但仍然不起作用。 我将不胜感激任何帮助。谢谢。

<td class="table2" title="{{port1.PortPower | number}}" ng-style="{{port1.PortPower}} > {{PORTPOWERTHRESHOLD}} && {'background-color':'red'}"></td>
<td class="table2" title="{{port1.Channel0 | number}}" ng-style="{{port1.Channel0}} > {{CHANNELPOWERTHRESHOLD}} && {'background-color':'red'}"></td>
<td class="table2" title="{{port1.Channel1 | number}}" ng-style="{{port1.Channel1}} > {{CHANNELPOWERTHRESHOLD}} && {'background-color':'red'}"></td>
<td class="table2" title="{{port1.Channel2 | number}}" ng-style="{{port1.Channel2}} > {{CHANNELPOWERTHRESHOLD}} && {'background-color':'red'}"></td>
<td class="table2" title="{{port1.Channel3 | number}}" ng-style="{{port1.Channel3}} > {{CHANNELPOWERTHRESHOLD}} && {'background-color':'red'}"></td>

从表达式中删除大括号 {{}} 似乎已经纠正了我的问题，现在它工作正常。

<td class="table2" title="{{port1.PortPower | number}}" ng-style="port1.PortPower > PORTPOWERTHRESHOLD*  && {'background-color':'red'}"></td>

奇怪的是，如果我尝试用我的原始工作代码（粘贴在下面）做同样的事情，它不再有效。 有人知道为什么它会这样吗？ 是因为拆分过滤器吗？ 此外，此代码在控制台中为表达式提供语法错误，即使它完全按预期执行。

<td ng-repeat ="n in range (0,191)" title="SC{{n}} {{value.Data | split:' ':n}}dBm" ng-style="{{value.Data | split:' ':n}} > {{pwrThreshold}} && {'background-color':'red'}"></td>
相关文章：