AngularJS ng-class not applying css styles

Question

I have a company site that I am developing with AngularJS and I am having some troubles with `ng-class` Here is my HTML: ``` LINK ``` CSS: ``` .inactive { pointer-events : none; cursor : default; } ``` Chrome Inspect Element: ``` LINK ``` Obviously I have tested `class="inactive"` and it is working as it should, Chrome's view source appears to be showing me something that should be working but it is not being applied.

Accepted Answer

Assuming userRole.admin is a boolean, this should work ``` LINK ```

AngularJS ng-class not applying css styles

Solution

Problem