在 ngFor Angular 的表达式中使用 ngClass

Question

我想做一个过滤器。我有一个标题字段和一个计数字段。在标题字段中，我选择产品，然后在复选框中选择过滤器参数。计数字段应包含所选产品过滤器的数量。如果计数器为空，则为灰色，如果值 > 0，则为红色。我尝试使用 ngClass 来完成此操作，但每次计数的颜色都会发生变化。

哈巴狗：

            .filter-item(
                '*ngIf'='!disabled'
                '[ngClass]'='query'
                '(click)'='selectFilter(k)'
            )
                .filter-title('[ngClass]'='{active: title.active}') {{ item.title }}
                .filter-count('[ngClass]'='{active: item.count, disabled: !item.count}') {{ item.count }} 

SCSS：

             color: var(red);
            }

            &.disabled {
                color: var(grey);
            } 

Answer 1

我需要为禁用样式指定计数的确切值：

.filter-count('[ngClass]'='{active: item.count, disabled: item.count?.length == 0}') {{ item.count }}