gpt4 book ai didi

javascript - 更改 URL 时如何更新 AngularJS 指令?

转载 作者:可可西里 更新时间:2023-11-01 02:33:19 25 4
gpt4 key购买 nike

<分区>

Possible Duplicate:
Set active tab style with AngularJS

我正在使用 AngularJS 并尝试在显示该选项卡的内容时向我的菜单添加一个“当前”类。这是我目前所拥有的,并且在加载页面时工作正常:

HTML:

<ul id="nav">
<li><a href="#/one" class="highlighttab">One</a></li>
<li><a href="#/two" class="highlighttab">Two</a></li>
</ul>

JS:

myModule.directive('highlighttab', function($location) {
var currentPath = "#" + $location.path();

return {
restrict: 'C',
link: function(scope, element, attrs) {
var href = element.attr("href");
if (currentPath == href)
{
element.addClass("current");
}
}
};
});

这会将“当前”类添加到正确的 <a>当页面 url 为 #/one 时标记或 /#two

问题是如果我单击第二个选项卡,则不会将类添加到其中。我想我需要一些方法来让指令中的代码在 URL 更改时重新运行。有什么办法吗?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com