如何检查哪个元素具有.is-active类

Question

如何使用Angular 2检查两个标签中的哪一个具有.is-active类？我的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。