有没有办法在HAML的内部使用Ruby循环：javascript区域？

在HAML内部，我们可以在：javascript区域内有一个循环吗？

这将有效：

- 10.upto(20) do |i| :javascript document.getElementById('aDiv').innerHTML += '#{i}'; 

这不会：

 :javascript - 10.upto(20) do |i| document.getElementById('aDiv').innerHTML += '#{i}'; 

上面的代码也能使用吗？

Answer 1

这一个有效

 %script - 10.upto(20) do |i| document.getElementById('aDiv').innerHTML += '#{i}'; 

Answer 2

 %html %head :javascript var foo = []; #{ limit = rand(4)+3 array = (0..limit).to_a array.map{ |i| "foo[#{i}] = #{rand(12)};" }.join ' ' } console.log(foo.length); %body 

运行上面的代码给出了这个输出：

如您所见，大的#{...}块（可能跨越多行）运行任意Ruby代码。 最后一个表达式的结果（在本例中为map{...}.join ）将转换为字符串并放在输出中。

编辑Radek ：如果你想在Haml模板中声明一个变量，在你的JavaScriptfilter里面（这似乎是一个奇怪的愿望），那么你需要确保块to_s的结果不会产生不需要的输出：

哈姆尔……

 %p :javascript var foo = 12; #{x = 42} var bar = #{x}; 

…生成这个HTML：

这个哈姆…

 %p :javascript var foo = 12; #{x = 42; ""} var bar = #{x}; 

…生成这个HTML …

但在你这样做之前，先问问自己：为什么我在视图中创建复杂的Ruby变量？
这个变量不应该由我的控制器声明吗？

Answer 3

只是想补充一下，以下内容可以为您提供类型和CDATA，但没有时髦的行为：javascript（我只需实现类似的东西）。

 %script{ :type => 'text/javascript' } \//