.bacon { /* ... */ }
.pancakes { /* ... */ }

import styles from "./component.css"

angular.module('myApp').controller('MyController', ($scope) => {
  $scope.styles = styles
})

<div ng-app="myApp">
  <div ng-controller="MyController">
    <header ng-class="{{::styles.bacon}}">
      <h1 ng-class="{{::styles.pancakes}}">
        <!-- ... --->
    </header>
  </div>
</div>

This needs expansion/revision by someone who really knows angular. Maybe that's you!

• Controller vs Directive examples/rationale
• Angular 2.0 syntax
• Is that even how people are doing Angular 1 these days? It's been so long.