Question

我想在我的导航中添加bootstrap活动类。在导航中我使用了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){

return currentLocation === $ location.path（）;

}

我的问题是第二次点击后活动课程适用。我的意思是说第一次点击不起作用。

我想在加载codeigniter url之前调用angularjs函数

Answer 1

我还没有在Angularjs中使用CI，但是当我想将一个活动类放到我的导航栏中的链接时，这就是我使用的：

$(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，依此类推你需要的菜单项。

希望有所帮助！

使用codeigniter和Angularjs在导航中添加bootstrap活动类

1 个答案: