0

我在使用 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>
4

0 回答 0