Я использую угловые вкладки начальной загрузки и установил активную вкладку по умолчанию. Я хочу деактивировать то же самое и активировать вкладку, по которой пользователь нажимает. Я не должен использовать jquery для извлечения класса. Пожалуйста, дайте мне знать, как продолжить то же самое.
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<span class="nav-item nav-link active" id="current" (click)="onTabSelection('current')">Current</span>
<span class="nav-item nav-link" id="hourly" (click)="onTabSelection('hourly')" data-toggle="tab" href="#" role="tab" aria-controls="Hourly" aria-selected="false" >Hourly</span>
<span class="nav-item nav-link" id="weekly" (click)="onTabSelection('weekly')" data-toggle="tab" href="#" role="tab" aria-controls="weekly" aria-selected="false" >Weekly</span>
</div>
</nav>
Моя функция углового обработчика:
onTabSelection(selectedTab){
console.log('clicked on '+selectedTab);
this.selectedTab = selectedTab;
}