angularjs - Apply class & ng-class both -

I'm new to this. I have html.

My ng-class value is active . Therefore, both of these classes should be implemented ie i.e. cardHeader and active .

but the active class does not apply. / P>

  & lt; Div class = "cardHeader" ng-class = "{{practice.status}}" & gt; {{Practice.name}} & lt; / Div & gt;  

Thanks for the help.

ng-class takes an object, not an angular expression

  & lt; Div class = "cardHeader" ng-class = "{active: practice.status == 'active'}" & gt; {{Practice.name}} & lt; / Div & gt;  

Or it should also work

  & lt; Div class = "cardHeader {{practice.status}}" & gt; {{Practice.name}} & lt; / Div & gt;