HAML中的Ruby in JS：语法是什么？

Question

我的HAML视图结尾处有这个JS：

:javascript
  function initMap() {
    var map = new google.maps.Map(document.getElementById('leadsMap')),
      markers = [],
      bounds = new google.maps.LatLngBounds();

    - @leads.each do |lead|
      - next unless lead.latitude && lead.longitude
      var marker = new google.maps.Marker({
        position: {lat: #{lead.latitude}, lng: #{lead.longitude}},
        map: map
      });
      markers.push(marker);

    for (var i = 0; i < markers.length; i++) {
      bounds.extend(markers[i].getPosition());
    }
    map.fitBounds(bounds);
  }

如何解析@leads以使循环正常工作？ 目前我得到一个undefined local variable or method 'lead'错误。

Answer 1

尝试

...
%script
  - @leads.each do |lead|
    - next unless lead.latitude && lead.longitude
    var lead_latitude = "#{lead.latitude}";
    var lead_longitude = "#{lead.longitude}";
    var marker = new google.maps.Marker({
      position: {lat: lead_latitude, lng: lead_longitude},
      map: map
    });
...

我忘记了谷歌地图api是否允许在字符串中使用lat和lng，但你可以将lead_latitude和lead_longitude转换为他们的需要（ parseInt ， parseDouble等）。

如果你仍然坚持在haml中将ruby变量放在js中

Answer 2

如果你真的想在JS中使用你的Ruby变量，我建议使用gon 59来完成这个。

也就是说，我强烈建议不要使用脚本标记，因为出于安全原因，您可能希望阻止所有脚本标记，从而阻止大多数形式的XSS。