All you need to do is to use ng-class directive.
The following code should work for you:
<li class="nav-tab" ng-repeat="panel in panels", ng-class="{active:panel.active}">{{panel.title}}</li>
Note that if you class have any -
(dashes in its name) then you would have to wrap the class name in quotes (''
) e.g. ng-class="{'active-class':panel.active}"
.
I hope that will help.