Użyj Javascript, aby uzyskać dostęp do zmiennej przekazanej przez Twig

Question

Mam kontroler, który przekazuje tablicę do szablonu twig, który chcę użyć w skrypcie napisanym na tej stronie. Jak mam to zrobić?

Próbowałem to w moim .twig szablonu:

<script> 
    $(document).ready(function(){ 
     var test = {{ testArray }}; 
}); 
</script> 

ale że działa tylko jeśli jest to ciąg znaków.

Answer 1

Można mieć do json_encode tablicy, spróbuj tego:

<script> 
    $(document).ready(function(){ 
     var test = {{ testArray|json_encode|raw }}; 
    }); 
</script> 

Answer 2

pierwsze, wysłać json zakodowanych danych z kontrolera i

potem w JavaScript,

var context= JSON.parse('{{ YourArrayFromController|raw}}'); 

Answer 3

w moim kontrolera Zainstalowałem SerializerBundle

$serializer = $this->get('serializer'); 
     $countries = $this->getDoctrine()->getRepository("QSCORBundle:CountryMaps")->findAll(); 
     $jsonCountries = $serializer->serialize($countries, 'json'); 
return $this->render('QSCORBundle:Default:index.html.twig',array("countries"=> $jsonCountries)); 

I w moim pliku Gałązka

<script type="text/javascript" > 
var obj = {{ countries|json_encode|raw }}; 
var myObject = eval('(' + obj + ')'); 

console.log(myObject[0]['capital_latitude'] + " " + myObject[0]['capital_longitude']);//for the First Element 
</script>