Symfony2,twig和JavaScript

Question

我需要做些什么才能让twig处理JavaScript文件？我有一个使用JavaScript twig的html.twig.像这样的东西:

{% extends 'BaseBundle::layout.html.twig' %}

{% block javascripts %}
    {{ parent() }}
    {% javascripts
        '@BaseBundle/Resources/js/main.js.twig'
    %}
    {% endjavascripts %}
{% endblock %}

< more template omitted >

和main.js.twig的部分内容:

function testFunction()
{
    alert('{{VariableFromPHP}}');
}

和控制器:

/**
 * @Route("/",name="home")
 * @Template("MyBundle:Default:index.html.twig")
 */
public function indexAction()
{
   return array( 'VariableFromPHP' => 'Hello World');
}

我希望JavaScript在运行时看起来像这样:

alert('Hello World');

但是,代码没有变化.我有什么想法我做错了吗？

谢谢,斯科特

Answer 1

我对使用全局变量感到满意:

{% javascripts '@AcmeBundle/Resources/public/js/*' output='js/compiled/main.js'%}
        <script>
            var TWIG = {};
            TWIG.variableOne   = "{{ path('rote_to_nowhere') }}";
            TWIG.variableTwo   = "{{ helloworldVar }}";
            TWIG.variableThree = "{{ "something"|trans }}";
        </script>
        <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

然后你可以在你的js文件中使用它:

alert(TWIG.variableTwo);

Answer 2

Assetic不包括树枝模板; 你应该为javascript文件创建一个单独的控制器.虽然我认为在性能方面这是不好的做法,因为你必须以这种方式处理两个请求.

/**
 * @Route("/main.js")
 */
public function mainJsAction() {
    $params = array( 'test' => 'ok' );
    $rendered = $this->renderView( 'MyBundle:Default:main.js.twig', $params );
    $response = new \Symfony\Component\HttpFoundation\Response( $rendered );
    $response->headers->set( 'Content-Type', 'text/javascript' );
    return $response;
}

{% extends 'BaseBundle::layout.html.twig' %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ path('my_default_mainjs') }}"></script>
{% endblock %}

另一种方法是在html中转储动态变量,并且只使用静态javascript文件.