web-dev-qa-db-ja.com

JavaScriptを使用して、Twigを介して渡された変数にアクセスします

配列をtwigテンプレートに渡すコントローラーがあり、そのページで書かれたスクリプトで使用したいのですが、どうすればいいですか?

私はこれを私の.twigテンプレートで試しました:

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

しかし、それは文字列の場合にのみ機能します。

50
clifford.duke

json_encode配列、これを試してください:

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

まず、コントローラーからエンコードされたJSONデータを送信し、

次に、javascriptで、

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

私はこのようにします:

その後、コントローラーtest.dataを返します

$test = array('data' => array('one','two'))

小枝:

<div id="test" data-is-test="{{ test.data|json_encode }}"></div>

Js:

$(document).ready(function() {
    var test = $('#test').data("isTest");
    console.log(test);
});

出力:

 ["one", "two"]

ドキュメントはこちら

2
shades3002

コントローラーに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));

In My File Twig

<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>
1
Mourad MAMASSI