Defining AngularJS directives in CoffeeScript

testElem.coffee

@angular.module('HelloApp', ['components'])

@angular.module('components', [])
.directive('testElem', ->
  restrict: 'A'
  template: '<div class="my-directive-class"><h1>Hello...</h1><p ng-repeat="obj in arr">{{obj}}</p></div>'
  link: (scope, iterStartElement, attr) ->
    $(".my-directive-class").css({ 'background-color': 'yellow'})
    scope.arr = ["Steve", 'is', 'the', 'beast']
)
.directive('helloWorld', ->
  restrict: 'E'
  scope:
    name: '@name'
  templateUrl: 'assets/html/partials.html'
)