在angular4中加載頁面時，在ul> li中添加類

Question

我嘗試在angular4加載頁面時在ul li中添加類，但是任何類都在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] 。 您可以將頁面編號與當前頁面的編號匹配。 這是一個工作示例 。 如果您發現自己使用jQuery選擇器，請當心，因為這會使您脫離事件生命周期，並在應用程序中引起更大的問題。