在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等等，你需要尽可能多的菜单项。

希望对您有所帮助！