2016-03-14 4 views
1

Это работает, стиль применяется всякий раз, когда превышен порог мощности.AngularJS ngStyle не применяется к моему элементу таблицы

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

ответ

0

Извлечение фигурных скобок {{}} из выражения, похоже, исправило мою проблему, и теперь оно отлично работает. не

<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> 
Смежные вопросы