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）