在数组中添加元素后如何添加样式？

Question

我在html中有这个

  <ul class="operators">
            <li>Operators: </li>
            <li *ngFor="let operator of operators" [ngClass]="{'bold' :uS.getUserCode() == operator }"><i
                class="fa fa-at"></i>
              {{userService.getName(operator)}}</li>
          </ul>

在输入时，我将在数组操作符中插入新运算符。

但是我想检查是否uS.getUserCode() == operator添加类'bold'。 uS.getUserCode()是一项@Injectable()服务，已在应用程序启动时加载，我将其导入了构造函数。

任何建议我该如何实现？

Answer 1

确保uS作为构造函数以公共方式注入

constructor(public uS: UsService) {}

这将使我们能够看到我们，以便您可以在ngFor中检查您的状况。

[ngClass]="{'bold': uS.getUserCode() === operator}"

我假设getUserCode（）返回对象，并且您正在将其与运算符进行比较。建议使用某些属性进行比较，以返回true或false，而不是像这样比较对象。