[問題] 透過 owlCarousel onTranslated 改變變數的值,但 view 中的值沒變

各位大大好,不好意思小弟首發,問個超新手問題QQ

我的頁面中有使用到 ngx-owl-carousel 做大圖輪播
並且想要在換背景大圖片的時候
在 owl-carousel 外的七張小圖片也一起做更換
我想利用改變 css class (class name: active) 的方式做切換
我用 Augury 看變數值是有換的沒錯
但那七張小圖的 img class 卻無作用
想請教大大是什麼樣的問題…

以下是程式碼:
home.component.ts

home.component.html

Augury:

說明:

還請各位大大幫忙解答,小弟先跪謝 m(_ _)m

你最後一個截圖的 click Me 之前的數字還是停留在 0, 所以就畫面上的 phone_index 是 0 無誤
你要不要先檢查那個部分

或許可以嘗試看看用 NgZone

constructor(zone: NgZone) {
...
  onTranslated: (e) => zone.run(() => this.phone_index = e.page.index)
...
}

真的可以!!! 太感謝大大了!!!
感謝大大救了我這個迷途的小書僮 m(_ _)m