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>

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

1 个答案: