使用带有 Angular.js 应用程序的 Haml 进行 & 符号转换

Question

我有一个 Angular.js 应用程序，我想开始使用 Haml。我的问题是我的一些代码没有正确转换。

我需要输出以下内容：

<form name='userForm' class='admin-form form-horizontal' ng-submit='userForm.$valid && saveUser()' novalidate></form>

所以在 Haml 中，我写道：

%form{:class => 'admin-form form-horizontal', :name => 'userForm', :'ng-submit'=>'userForm.$valid && saveUser()'}

但问题是 && 被转换为 && 所以：

<form name='userForm' class='admin-form form-horizontal' ng-submit='userForm.$valid &amp;&amp; saveUser()' novalidate></form>

我能做些什么来防止这种情况发生？此外，是否可以将 Haml 中标签的每个属性放在单独的行上？当我尝试这样做时也会出错。

Answer 1

您需要将escape_attrs option 设置为false。你如何做到这一点将取决于你如何使用 Haml，see the docs。

例如从命令行：

$haml --no-escape-attrs
%form{:class => 'admin-form form-horizontal', :name => 'userForm', :'ng-submit'=>'userForm.$valid && saveUser()'}

产生：

<form class='admin-form form-horizontal' name='userForm' ng-submit='userForm.$valid && saveUser()'></form>

Answer 2

好的，我通过在 Gruntfile haml 选项中将 no-escape-attrs 设置为 true 让它工作：

haml:
      options:
        'no-escape-attrs': true