HAML中的角度指令語法

Question

我無法獲得正確的語法 - 如何向haml模板添加指令？

假設我有一個叫做'my-directive'的指令。我想把它放到haml模板中。

嘗試1：直HTML語法

<my-directive></my-directive>

顯然，不能正常工作。

嘗試2：作爲一類

.my-directive

嘗試3：使用納克語法

{:ng => 'my-directive' }

嘗試4：使用數據

{ :ng => { :data => "newDirective" } }

嘗試5：使用HTML/HAML元件

%my-directive

嘗試6：包裝分度納克

%div{ :ng => 'my-directive' }

嘗試7：包裝DIV數據

%div{ :ng => { :data => "newDirective" } }

這些工作無。

資源諮詢：

Using AngularJS within Haml views of a Rails app

HAML/Angular tutorial

HAML Github Issues

Reddit Question

Answer 1

其實，有沒有一種方法，我可以把它不起作用：

%my-directive 

%span(ng-key="value") 

%div{data: {ngKey: 'value', ng_foo: 'bar'}} 

%div{ng: {foo: 'bar'}} 

輸出：

<my-directive></my-directive> 
<span ng-key='value'></span> 
<div data-ng-foo='bar' data-ngKey='value'></div> 
<div ng-foo='bar'></div> 

（使用Haml的4.0.7）