javascript - Angular 2在类绑定(bind)时获取对象对象

Question

我正在尝试使用以下代码在分页中绑定(bind)类。

<ul class="pagination hidden-xs pull-right">
   <li *ngFor="let pagItem of _pagination">
       <a style="cursor: pointer;"
           (click)="paginationClick($event)"
           id="{{pagItem.pageNo}}"
           [ngClass]="{'active': pagItem.pageNo === currentPage}">
           {{pagItem.pageNo}}
       </a>
   </li>
</ul>

在比较中我得到对象对象

这是来自 api 的响应

Page和Id绑定(bind)成功。但是我在类绑定(bind)上获取对象对象

这是图片

Answer 1

这只是因为你在

使用了一个数组

[ngClass]="{'active': pagItem.pageNo === currentPage}"

但是您的代码应该可以工作。

当你有很多可能的类结果时必须使用这个:

[ngClass]="{'active': pagItem.pageNo === currentPage, 'inactive': pagItem.pageNo !== currentPage}"

你也可以这样做来避免 [Object, Object] 渲染，

[class.active]="pagItem.pageNo === currentPage"

确保您的变量 currentPage 在您的组件中设置并共享相同的类型。