Странное поведение при использовании шаблона dom-if в элементе списка - PullRequest
Новая
       27

Странное поведение при использовании шаблона dom-if в элементе списка

0 голосов
/ 08 мая 2019

У меня странная проблема с использованием dom-if. У меня есть список элементов, которые отображают состояние с разными цветами, когда что-то не работает, а также отображает количество дочерних элементов, которые не работают.

Изменение цвета работает нормально (data-status$), но отображаемое количество не работает правильно.

Чтобы скрыть счетчик, я создал функцию isInFailure, которая возвращает логическое значение в зависимости от значения счетчика, но dom-if выполняется только при нажатии на элемент li, как если бы цикл дайджеста не выполнялся завершено еще: 

isInFailure(entity) {
    return entity.nbFailure > 0;
}

Мой HTML выглядит так: 

...
<li on-click="selectEntity" class="entity">
    <span class="name">{{item.name}}</span>
    <div class="status">
        <span class="label-value">Entity Status</span>
        <span class="value" data-status$="{{item.value}}">{{item.value}}</span>
    </div>
    <div class="alerts">
        <div class="pill">                                                
            <template is="dom-if" if="[[isInFailure(item)]]">
                 <span class="badge" data-status$="{{item.value}}">[[item.nbFailure]]</span>
            </template>
        </div>                                        
    </div>
</li>
...