[英]Symfony2, twig and JavaScript
我需要怎么做才能使樹枝處理JavaScript文件? 我有一個使用JavaScript樹枝的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');
但是,代碼未更改。 有什么想法我做錯了嗎?
謝謝,斯科特
我建議使用全局變量:
{% 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);
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文件。
相反,我在main.js中所做的是:
function doGetStringFromSubClass()
{
if (typeof getStringFromSubClass == 'function')
{
return getStringFromSubClass();
}
else
{
alert('getStringFromSubClass() needs to be defined.')
}
}
function testFunction()
{
alert(doGetStringFromSubClass());
}
在子類的樹枝中,我們有以下main.js:
function getStringFromSubClass(){
return "baseClassString";
}
和這個樹枝:
{% extends 'BaseBundle:Default:index.html.twig' %}
{% block javascripts %}
{{ parent() }}
{% javascripts
'@SomeSubclassBundle/Resources/js/main.js'
%}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}
有點高飛,但是,它有效。
史考特
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.