HAML 내의 Javascript 내 루비 메소드

Question

양식에 새 필드를 추가하는 jQuery 스크립트가 있으며이 필드에는 배열의 동적 정보가 들어 있습니다. 문제는 HAML 들여 쓰기를 깨지 않고 오류를 발생시키지 않고 javacript 내에서 select 필드의 옵션을 채우는 array.each를 추가하는 방법을 알 수 없다는 것입니다.

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

은 또한 그것을 시도 : 행운과 자바 스크립트 필터

다음은 작동하지 않습니다 최선 시도이다.

Answer 1

일반적으로 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}을 사용할 수 있습니다. 이는 html 요소의 내용이 아닌 곳으로 루비 표현식의 결과를 출력해야 할 때 매우 편리합니다. 당신을 가정, 그러나

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

실행중인 :

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

Answer 2

이 시도, 그것은 (내가 다섯 번째 줄에 하나의 공간을 제거하고 여섯 번째에 닫는 따옴표를 추가했다 않았다 모두가) 작동합니다 루비 스크립트 나 프레임 워크를 사용하여 왜 템플릿 밖에서하지 않습니까? 아마도 가장 적절할 것입니다. 레일/sinatra 및 다른 프레임 워크에서는이를 수행하는 도우미 메서드를 사용할 수 있습니다. haml 참조를 보면 실제로는 -을 사용하여 루비를 평가하지 못하게합니다.