如何檢查哪個元素具有.is-active類

Question

如何檢查兩個選項卡中哪一個具有.is-active類與Angular 2？我在我的TabsComponent組件中有以下代碼：

<div class="mdl-tabs__tab-bar"> 
    <a href="#expense" class="mdl-tabs__tab is-active">Expense</a> 
    <a href="#income" class="mdl-tabs__tab">Income</a> 
</div> 

Answer 1

理想情況下，您應該使用數據綁定來訪問該類。根據您的示例，一個可行的選項如下：<a href ... [(class.is-active)]="classIsActive">Expense</a>感謝Angular2的雙向綁定，一旦類從外部觸發器更改，您的跟蹤變量classIsActive將更新。

另一種選擇是使用elementref訪問組件的底層DOM。