在codeigniter和Angularjs導航中添加引導活動類

Question

我向我的導航添加引導活動類。在導航中，我使用href

這是codeigniter鏈接意味着將重定向到新頁面，活動類將通過angularjs添加到它。我的導航是

<ul> 
<li ng-class="{active:isActive('/c_home')}"><a href="<?php echo base_url();?>c_home>home</a></li> 
<li ng-class="{active:isActive('/c_contact')}" ><a href="<?php echo base_url();?>c_contact>contact</a></li> 
</ul> 

，而無需應用程序和控制我的js函數只使用功能

$scope.isActive = function(currentLocation){ 

回報currentLocation === $ location.path（）;

}

我的問題是，活動類應用後第二次點擊。我的意思是說，第一次點擊不起作用。

我猜那個負荷笨URL之前angularjs函數調用

Answer 1

我沒有使用CI與Angularjs，但是當我想提出一個主動類從我的導航欄的鏈接，這是我使用：

$(document).ready(function() { 
    if(window.location.href.indexOf("part_of_uri") > -1) { 
     $("#menu_item_a").removeClass('active'); 
     $("#menu_item_b").addClass('active'); 
    } else if (window.location.href.indexOf("another_part_of_uri") > -1) { 
     $("#menu_item_b").removeClass('active'); 
     $("#menu_item_a").addClass('active'); 
    } ... // and goes on 
}); 

這裏做的事情是，如果字符串part_of_uri您的網址片段相匹配，然後從menu_item_a刪除活動類，並將其應用於menu_item_b等等，你需要儘可能多的菜單項。

希望對您有所幫助！