Angularjs 引导-高亮显示活动和角度指令

我正试图突出显示引导导航栏上的选定项。 这是我的密码：

<ul  class="nav navbar-nav navbar-left" top-bar>

}))

仅当我删除class=“nav navbar nav navbar left”时，它才起作用。否则，它不会进入指令。有什么建议吗

---

谢谢使用此代码。也许这对你有帮助

app.directive('topBar', function () {
  return {
      restrict: 'AE',
      link: function (scope, elem, attrs) {
          $(elem).on("click", function () {
            $(".active").removeClass("active");
            $(elem).addClass("active");

          });
      }
   }
});

---

我想您应该听听组件中列表项（tag

li

）上的单击并更新其类。尝试使用–如果您正在使用jQuery，只需将额外的选择器添加到oncall:

a.directive('topBar', function () {
    return {
        restrict: 'AE',
        link: function (scope, elem, attrs) {
            elem.on("click", "li", function (e) {
                elem.find(".active").removeClass("active");
                $(this).addClass("active");
            });
         }
    };
});

---

$（“.active”）

是如此全球化。删除页面上所有

活动的
类使用此选项$（elem.parent（）.find（“.active”）.removeClass（“active”）；`>尝试使用事件委派<就是这样！非常感谢。
a.directive('topBar', function () {
    return {
        restrict: 'AE',
        link: function (scope, elem, attrs) {
            elem.on("click", "li", function (e) {
                elem.find(".active").removeClass("active");
                $(this).addClass("active");
            });
         }
    };
});