.is-activeクラスを持つ要素を確認する方法

Question

.is-activeクラスの2つのタブのどちらが角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>あなたの追跡変数classIsActiveは、Angular2の双方向バインディングのおかげで、クラスが外部トリガから変更されると更新されます。

もう1つの方法は、elementrefを使用してコンポーネントの基礎となるDOMにアクセスすることです。