Вкладки начальной загрузки не работают с маршрутами AngularJS. data-target тоже не работает

Я получил этот код с сайта Bootswatch, он должен работать нормально:

<ul class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab" aria-expanded="true">Home</a></li>
  <li class=""><a href="#profile" data-toggle="tab" aria-expanded="false">Profile</a></li>
  <li class=""><a href="#other" data-toggle="tab" aria-expanded="false">Other</a></li>
</ul>
<div id="myTabContent" class="tab-content">
  <div class="tab-pane fade active in" id="home">
    <p>Tab home!</p>
  </div>
  <div class="tab-pane fade" id="profile">
    <p>Tab Profile!</p>
  </div>
   <div class="tab-pane fade" id="other">
    <p>Tab Other!</p>
  </div>
</div>

Но я использую маршруты AngularJS, поэтому href ссылки не работают, я пытался заменить href с data-target, но это тоже не работает. Пожалуйста, помогите, и есть ли простой способ изменить класс Tab на active в то время как активный? Спасибо.

Источник

1 ответ

Решение

Вы захотите изучить использование Angular-UI для компонентов Bootstrap, как это. Это дает вам компоненты Bootstrap, такие как вкладки, которые были написаны специально для приложений AngularJS. Проверьте раздел "Вкладки" по этой ссылке.

Источник
Другие вопросы по тегам