如何使用 Angular js 将活动类放到 html 页面的特定 ID/页脚？

Question

我正在为活动类使用以下指令，但这不会应用于页面上的特定 id

.directive('activeLink', ['$location', function (location) {
    return {
      restrict: 'A',
      link: function(scope, element, attrs, controller) {
        var active = attrs.activeLink;
        var path = attrs.href;
        path = path.substring(1); //hack because path does not return including hashbang
        scope.location = location;
        scope.$watch('location.path()', function (newPath) {
          if (path === newPath) {
            element.addClass(active);
          } else {
            element.removeClass(active);
          }
        });
      }
    };
  }])

以下是我的导航栏主页，关于和产品是应用活动类的不同页面。但是“联系方式”是主页上的页脚，没有应用活动类。我怎样才能实现它？

<ul class="nav navbar-nav">
    <li><a active-link="active" href="#/" target="_self">Home</a></li>
    <li><a active-link="active" href="#/about" target="_self">About</a></li>
    <li><a active-link="active" href="#/products"  target="_self">Products</a></li>
    **<li><a active-link="active" ng-click="scrollTo('contact')" href="#/#contact" target="_self">Contact Us</a></li>**


</ul>

Answer 1

将restrict: 'A' 更改为restrict: 'E'

检查一次你写 ng-app 的地方，页脚是否包含在 ng-app 中？