AngularJS - precompiled Haml

basic-app.haml

%html(lang='en' ng-app='app' ng-cloak)

many-directives.haml

%ng-form(name="circleEditForm")
  %label Circle Name:
  %input(type="text" name="circleName"             |
                     ng-minlength= 3               |
                     ng-model="circleModal.name"   |
                     ng-maxlength= 8               |
                     maxlength= 8                  |
                     required                      |
                     ng-class="{error: !circleEditForm.circleName.$valid}" )

many-filters.haml

 %ul.list
  - query = "player in players"
  - query += " | filter :filters.query"
  - query += " | orderBy:filters.predicate:filters.reverse"
  - query += " | startFrom: filters.startFrom"
  - query += " | limitTo  :filters.limit"

  %li.player(ng-cloak fadein draggable player |
            ng-repeat= query)
    .avatar
      %img(ng-src= "{{player.avatar}}")
    .info
      .username {{player.username}}
      .points 
        %strong {{player.points}} 
        pts
      .tagline {{player.tagline}}