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

Question

I am loading menu using ng-include from index file,

<span ng-include="'app/components/common/menu.html'"></span>

menu.html is,

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

here normal class,which is second one,working fine.But first one,ng-class='active' is not working,Any idea?

Answer 1

ng-class must contain expression.

Using ng-class="active" you must define $scope.active = 'yout_class'.

If you need just active string, use class="active".

Use ng-class for dinamically generated classes:

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

Where divShouldBeActive() is your $scope function