javascript - AngularJS ngStyle 不适用于我的表格元素

Question

这有效，只要超过功率阈值就会应用该样式。

<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>

Answer 1

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

<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>