HAML 中 Javascript 中的 Ruby 方法

发布于04月15日

我有一个jQuery脚本，它向表单中添加了一个新字段，这个字段包含来自数组的动态信息.问题是我不知道如何添加array.每个选项都可以在javascript中填充select字段的选项，而不会 destruct HAML缩进并导致错误.

以下是我的最佳try ，但没有成功:

%script(type="text/javascript")  
  $('#mylink').click(function() {  
  $('#mylink').after('<select>  
  - myarray.each do |options|  
     <option value="#{options.id}">#{options.name}</option>  
  </select>);  
  )};

还try 了:javascript过滤器，但没有成功.

推荐答案

通常，如果haml中存在问题，这意味着您应该将棘手的部分重构为助手或部分，并将其称为.

// some_helper.rb
def new_snazzy_select_tag(options = [])
  select_tag 'tag_name_here', options.map { |option| [option.id, option.name] }
end

此外，您应该使用:javascript过滤器来呈现javascript，因为它会为您将其放入脚本标记中，并允许缩进.

最后，您可以在haml的任何地方使用#{ruby_expression}个过滤器，包括:javascript个过滤器，当您需要将ruby表达式的结果输出到不是html元素直接内容的地方时，这非常方便.

// some_view.html.haml
:javascript
  $('#mylink').click(function() {  
    $('#mylink').after("#{escape_javascript new_snazzy_select_tag(myarray)}");
  };