2014-01-28 35 views
4

HAML理解为 “数据” 关键字基本哈希,使:HAML + AngularJS:创建自定义的 “NG” 喜欢 “数据” 前缀

%div{ data: { id: "5", name: "carsten" } }

相当于

%div{ 'data-id' => "5", 'data-name' => "carsten" }

恕我直言,前者的语法更具可读性。

AngularJS使用了很多ng-something属性。是否有可能配置HAML,使:

%html{ 'ng-app' => "myApp", 'ng-controller' => "myCtrl" }

可以写成

%html{ ng: { app: "myApp", controller: "myCtrl" } }

回答

5

您无需进行任何配置,这是当前版本的工作方式已经:

%html{ ng: { app: "myApp", controller: "myCtrl" } } 

生产:

<html ng-app='myApp' ng-controller='myCtrl'></html> 

该文档需要更新,但current behaviour任何属性与作为哈希以这种方式扩大,不只是data值。

+0

啊好的一个:-)谢谢 –