Ruby Mỗi vòng lặp trong slim-lang

Question

Tôi muốn có thể lặp qua một cá thể var thông qua một javascript nhưng tôi không hoàn toàn chắc chắn làm thế nào để làm cho nó hoạt động.

javascript: 
    -@spots.each do |spot| 
     map.addMarker({ 
     lat: "#{spot.latitude}", 
     lng: "#{spot.longitude}", 
     title: "spot", 
     }); 
    }); 

gì tôi đã cố gắng: Sử dụng <% @ spots.each làm | chỗ | %> và không có dấu ngoặc kép cho # {}

Answer 1

Dường như khi bạn đang ở trong khối mỏng javascript:, bạn có thể không còn làm vòng ruby.

tôi đã có thể có được điều này để làm việc chủ yếu

- @spots.each do |spot| 
    javascript: 
    map.addMarker({ 
     lat: #{spot.latitude}, 
     lng: #{spot.longitude}, 
     title: "spot" 
    }); 

nhưng mà làm cho thẻ script riêng biệt cho mỗi addMarker cuộc gọi mà có vẻ khá ngớ ngẩn.

Bạn cũng có thể thử đặt dữ liệu trên trang dưới dạng JSON và sau đó thực hiện vòng lặp trong Javascript. Một cái gì đó như thế này:

javascript: 
    var spots = #{raw @spots.to_json}; 
    var ii = 0; 
    var nspots = spots.length; 
    for(;ii<nspots;++ii) { 
    theMap.addMarker(spots[ii]); 
    } 

Bạn muốn chắc chắn rằng theMap có sẵn vào thời gian cụ này chạy, nhưng tôi nghĩ rằng điều này có thể làm các trick. Bạn cũng nên kiểm tra định dạng JSON của mỗi @spot. Tùy thuộc vào cách bạn đã thiết lập JSON, mỗi vị trí có thể trông giống như

{'spot': { 'latitude': ###, 'longitude': ### } } 

có nghĩa là bạn sẽ phải dereference các đối tượng trong các vòng lặp.

Answer 2

sửa lỗi dễ dàng nhưng không hiệu quả nếu các vị trí quá dài.

-@spots.each do |spot| 
    javascript: 
    map.addMarker({ 
     lat: "#{spot.latitude}", 
     lng: "#{spot.longitude}", 
     title: "spot", 
    }); 

2. vòng lặp trong js thay vì xem bối cảnh

javascript: 
    var spots = #{@spots.to_json}; 
    $(spots).each(function(index, obj) { 
    map.addMarker({ 
     lat: obj.latitude, 
     lng: obj.longitude, 
     title: "spot", 
    }); 
    });