使用Angular更新HAML类

Question

我正在尝试通过角度绑定更新元素的类。我可以用html成功实现这个目的：

<input type='text' ng-model='data.message'></input><br>
<div class='{{ data.message }}'></div>

但是，我正在尝试用HAML做同样的事情而且我失败了：

%input{ type: 'text', ng_model: 'data.message' }
%div{ class: {{ data.message }} }

给了我：

application.haml:15: unterminated regexp meets end of file
application.haml:15: syntax error, unexpected $end, expecting '}'):

我应该如何将上面的HTML转换为HAML？是否可以将HAML与Angular一起使用？

Answer 1

将{{data.message}}放入引号

%input{ type: 'text', ng_model: 'data.message' }
%div{ class: '{{data.message}}' }

Example