代码之家 › 专栏 › 技术社区 › nonopolarity

有没有一种方法可以在haml的:javascript区域内使用Ruby循环?

erb haml loops ruby javascript

nonopolarity · 技术社区 · 14 年前

在HAML内部,我们可以在:javascript区域内有一个循环吗?

这将起作用:

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

这不会:

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

上面的代码也可以工作吗?

3 回复 | 直到 13 年前

zed_0xff 14 年前

这一作品

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

Phrogz 13 年前

%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

运行上述代码将得到以下输出:

<html>
  <head>
    <script type='text/javascript'>
      //<![CDATA[
        var foo = [];
        foo[0] = 2; foo[1] = 0; foo[2] = 11; foo[3] = 8; foo[4] = 0; foo[5] = 1;
      //]]>
    </script>
    <body></body>
  </head>
</html>

如你所见,大 #{...} 块(可以跨多行)运行任意Ruby代码。最后一个表达式的结果(在本例中, map{...}.join )转换为字符串并放入输出中。

RADEK编辑 :如果要在HAML模板内、JavaScript筛选器内声明变量(这似乎是一个奇怪的愿望),则需要确保块的结果 to_s 不会产生不需要的输出:

这个汉堡…

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

…生成此HTML:

<p>
  <script type='text/javascript'>
    //<![CDATA[
      var foo = 12;
      42
      var bar = 42;
    //]]>
  </script>
</p>

然而这个村子…

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

…生成此HTML…

<p>
  <script type='text/javascript'>
    //<![CDATA[
      var foo = 12;

      var bar = 42;
    //]]>
  </script>
</p>

但在您这样做之前,先问问自己:为什么我要在我的视图中创建复杂的Ruby变量?
我的控制器不应该声明这个变量吗?

Dave Rapin 13 年前

只是想补充一下,下面的代码可以为您提供类型和CDATA,但是没有javascript的古怪行为(我只需要实现类似的东西)。

%script{ :type => 'text/javascript' }
  \//<![CDATA[
  - (10..20) do |i|
    document.getElementById('aDiv').innerHTML += '#{i}';
  \//]]>

推荐文章

Keren · 如何使变量大1

1 年前

smg_08 · 使用for循环在pandas数据帧中进行筛选[重复]

1 年前

stats_noob · R: 记录某个“行为”发生的循环的索引?

2 年前

nickolakis · 基于R中的列名复制列

2 年前

khalid Morrshid · 循环语法C语言

2 年前

Onur · R中矩阵的循环

2 年前

Alex · 如何向嵌套字典json添加值?

2 年前

George carrick · 如何在R中检测时间序列数据中的缺失年份?

2 年前

CS Geek · 如何实现一个循环,其中:数字不能在输入的中间使用;他们最后一定要来?

2 年前

Klang · 我怎么做我自己的绳子。Split()和数组。Reverse()一个用户定义函数中的内置函数,用于反转给定字符串?

2 年前