ng-class在angularJs中的ng-include包含的文件中不起作用

时间:2015-03-12 11:11:12

标签: javascript php angularjs

我正在使用索引文件

中的ng-include加载菜单
<span ng-include="'app/components/common/menu.html'"></span>

menu.html是,

<li ng-class="active" >
        <a href="#/items"><i class="fa fa-lg fa-fw fa-list"></i> <span class="menu-item-parent">Items</span></a>
    </li>
    <li>
    <li class="active">
        <a href="#/clients"><i class="fa fa-lg fa-fw fa-group"></i> <span class="menu-item-parent">Clients</span></a>
    </li>

这里是正常的类,这是第二个,工作正常。但是第一个,ng-class='active'不起作用,不知道吗?

1 个答案:

答案 0 :(得分:3)

ng-class必须包含表达式。

使用ng-class="active",您必须定义$scope.active = 'yout_class'

如果您只需要active字符串,请使用class="active"

ng-class用于动态生成的类:

<div ng-class="{active: divShouldBeActive()}"></div>

divShouldBeActive()$scope函数

的位置