例子：考慮這行代碼：

[class.is-current]="isCurrentItem(item)"

如果函數isCurrentItem(item)返回true，則tr標簽會被分配is-current class.

isCurrentItem的計算邏輯:

/*** Indicates whether the given item is the current item.** The current item is driven by the `currentItem`, that holds a* property and value to compare.*/isCurrentItem(item: any): boolean {if (!this.currentItem || !this.currentItem.value) {return false;}return this.currentItem?.value === item?.[this.currentItem?.property];}

什么時候給這個tr標簽分配的is-current class?

在core.js的函數??classProp里設置斷點進行調試即可：

下面這段代碼給tr標簽賦上is-current的class：

最后在platform-browser.js里調用瀏覽器原生的html元素的classList屬性的add方法，添加新的is-current類：

同樣值得關注的函數還有??styleProp.

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的Angular页面里元素class的动态绑定的实现源代码调试的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。