Как отключить вкладку начальной загрузки после события с помощью angularJs

Question

У меня есть набор вкладок, как это:

<li><a href="#one">one</a></li> 
    <li><a href="#two">Two</a></li> 
    <li><a href="#three">Three</a></li> 

Я хочу, чтобы отключить второй, это моя функция:

$scope.showThird = function(){ 
      $('a[href="#three"]').tab('show'); 
//here I want to disable the click on the second tab 
} 

Любая помощь пожалуйста!

Answer 1

Вместо добавления обратного вызова, чтобы отобразить вкладку, вы должны просто использовать встроенные действия по умолчанию и следить за «скрытием вкладок». Затем вы можете добавить класс «disabled» на вкладку этого события.

$('.nav-tabs a').on('hide.bs.tab', function(event){ 
     var x = $(event.target);   // the tab about to be hidden 
     // if this is the tab you want to disable then add a disabled class 
     if(x.text() == "Two") { 
      $(event.target).addClass('disabled'); 
      // Still clickable though, so see docs referenced below 
     } 
    }); 

Проверьте документы для отключения вкладки здесь http://getbootstrap.com/2.3.2/components.html