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

时间:2015-08-13 09:06:24

标签: angularjs

我正在尝试使用角度js制作突出显示的菜单项。我已经阅读了this question并试图实现anwser,但不是角度评估表达式,而是将其显示为类名。我不知道发生了什么。

我将菜单项列为JSON,并使用ng-repeat进行迭代。一旦创建了列表项,我希望angular添加一个Private Sub Worksheet_SelectionChange(ByVal Target As Range) If Target.Address Like "$" & Target.Row & ":$" & Target.Row Then ActiveSheet.Unprotect Else ActiveSheet.Protect End If End Sub 类,如果位置url与菜单项的'active'属性相同(它是json属性,而不是html一个)。

这是相关的html:

link.href

和我的控制员:

<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>

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

1 个答案:

答案 0 :(得分:4)

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