angular js ng-class 将表达式显示为类而不是处理它

Question

我正在尝试使用 Angular js 来突出显示菜单项。我已阅读this question 并尝试实现 anwser，但不是从角度评估表达式，而是将其显示为类名。不知道怎么回事。

我将菜单项列为 JSON，并使用 ng-repeat 对其进行迭代。创建列表项后，如果位置 url 与菜单项的link.href 属性相同（它是 json 属性，而不是 html 属性），我希望角度添加 'active' 类。

这是相关的html：

<div class="header" ng-controller="NavbarController">
      <ul>
         <li ng-repeat="link in menu" ng-class="{ active: isActive({{ link.href }}) }"><a ng-href="{{ link.href }}">{{ link.item }}</a>
    </li>
      </ul>
    </div>

和我的控制器：

.controller('NavbarController', function ($scope, $location) {

        // navbar links
        $scope.menu = [
            {
                item: 'PTC-Testers',
                href: '#/PTC-Testers'
            },
            {
                item: 'articles',
                href: '#/articles'
            },
            {
                item: 'PTC sites',
                href: '#/sites'
            },
            {
                item: 'account reviews',
                href: '#/account_reviews'
            },
            {
                item: 'forum',
                href: '#/forum'
            },
            {
                item: 'contact us',
                href: '#/contact'
            },
            {
                item: 'login',
                href: '#/login'
            }
        ]; // end $scope.menu

        $scope.isActive = function (viewLocation) { 
            return viewLocation === $location.path();
        };


    });

这是一个更大项目的导航栏部分，我尝试只插入相关代码。如果您需要更多信息以正确理解问题，请告诉我。

Answer 1

应该是ng-class="{'active' : isActive(link.href)}" 您没有在 ng-class 中结束大括号，最好将类名放在引号内