Question

我有一个表，我想在更改排序时为标题列设置一个特定的css类。

<th [ngClass]="getSortClass('id')" data-event="sort" (click)="sortBy('id')">
        <span i18n>Id {{getSortClass('id')}}</span>
        <carbon-icon class="bx--table-sort__svg" name="caret--down"></carbon-icon>
      </th>

第一次（整页加载）它成功设置了th的类值：

<th _ngcontent-c2="" data-event="sort" class="bx--table-sort--ascending" ng-reflect-ng-class="bx--table-sort--ascending">
            <span _ngcontent-c2="" i18n="">Id bx--table-sort--ascending</span>
            <carbon-icon _ngcontent-c2="" class="" name="caret--down" ng-reflect-bx-class="bx--table-sort__svg" ng-reflect-name="caret--down"><svg class="bx--table-sort__svg" height="5" width="10" viewBox="0 0 10 5"><path d="M10 0L5 5 0 0z"></path></svg></carbon-icon>
          </th>

点击后退和堡垒并更改排序后，类属性不再更新，但我看到ng-reflect-ng-class="bx--table-sort--ascending"仍然可以更新。

<th _ngcontent-c2="" data-event="sort" class="" data-previous-value="descending" ng-reflect-ng-class="bx--table-sort--ascending">
            <span _ngcontent-c2="" i18n="">Id bx--table-sort--ascending</span>
            <carbon-icon _ngcontent-c2="" class="" name="caret--down" ng-reflect-bx-class="bx--table-sort__svg" ng-reflect-name="caret--down"><svg class="bx--table-sort__svg" height="5" width="10" viewBox="0 0 10 5"><path d="M10 0L5 5 0 0z"></path></svg></carbon-icon>
          </th>

我花了几个小时但却无法弄明白。你知道为什么会这样吗？你注意到了吗？

Id bx--table-sort--ascending

这一直应用（Id + getSortClass（＆＃39; id＆＃39;））因此getSortClass返回正确的值。但是类属性没有更新。

Angular 2动态css类问题

0 个答案: