在 ngFor 的表达式中使用 ngClass Angular

Question

我想做一个过滤器。 我有一个标题字段和一个计数字段。 在标题字段中，我 select 产品，然后我 select 复选框中过滤器的参数。 计数字段应包含所选产品过滤器的数量。 如果计数器为空，则为灰色，如果值 > 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 }}