Question

我无法正确理解语法 - 如何向haml模板添加指令？

假设我有一个名为“my-directive”的指令。我想把它放到haml模板中。

尝试1：直接的HTML语法

<my-directive></my-directive>

显然，不起作用。

尝试2：作为一个班级

.my-directive

尝试3：使用ng语法

{:ng => 'my-directive' }

尝试4：使用数据

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

尝试5：使用html / haml元素

%my-directive

尝试6：用ng

包装div

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

尝试7：用数据包装div

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

这些都没有奏效。

参考资源：

Using AngularJS within Haml views of a Rails app

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）