Postrender test case.

gistfile1.txt

# directive to cause elements to have equal heights
# caveat -- they must share the same parent which contains this
# directive and an attribute of matchHeightOf = ".selector"

app.directive 'cssEqualHeight', ($window, $timeout) ->
  restrict: 'A'
  compile: (el, attrs) ->
    $matchables = angular.element(el).find(attrs.matchHeightOf)
    @matchHeights = makeHeightMatcher $matchables
    angular.element($window).on 'resize', ->
      $matchables.height '100%'
      @matchHeights()

    # the crappy working solution
    $timeout @matchHeights, 250

  # if only angular made this real.
  postRender: @matchHeights

makeHeightMatcher = ($matchables) ->
  ->
    $matchables.height _.max($matchables.map (i, el) -> el.offsetHeight or 0)