在angular4中加载页面时，在ul＆gt; li中添加类

Question

我尝试在angular4中添加Class，在angular4中加载页面但是任何类都添加了li ...例如我在html中有这个代码：

<ul class="pagination">
   <button class="previous" (click)="previous()">Previous</button>
    <button class="next" (click)="next()">Next</button>
    <li  *ngFor="let x of k" class='page-item'  (click)='addClass(x)'>{{x}}</li>
</ul>

我在函数ngOnInit中尝试并在构造函数中添加类，但任何类都添加了：

ngOnInit() {
  console.log('1');
  $('.page-item').first().addClass('test');
}

我尝试使用document.ready但是结果..在控制台1中显示但是类没有添加

Answer 1

您尝试做的最有可能是通过[ngClass]完成的。您可以将页码与当前页面的编号进行匹配。这是一个working example。如果您发现自己使用jQuery选择器要小心，因为这可能会使您超出事件生命周期并导致应用程序中出现更大的问题。