Angular with haml: Dynamic html classes

A haml angular 1 template with

Copy.thing(class="is-{{:: item.type }}")

will be compiled (by haml) to

Copy<div class="is-{{:: item.type thing }}"></div>

which is not what you want! It will also crash in angular (unless thing is a valid variable in your angular directive) with Error: [$parse:syntax] Syntax Error: Token 'thing' is an unexpected token at column 11 of the expression [item.type thing]

Solution 1: Use ng-class instead of class

Copy.thing(ng-class='"is-{{ item.type }}"')

Solution 2: Don't let haml build the class statement:

Copy%div(class="thing is-{{ item.type }}")