![](/img/trans.png)
[英]Symfony2 routing with dynamic javascript - OR - installing FOSJsRoutingBundle
[英]Installing Javascript in symfony2
嗨Stackoverflow人。
我试图在测试树枝视图中使用javascript图。 这是观点:
<h1>test</h1>
{% javascripts '@AcmeFooBundle/Resources/public/js/*' %}
<script src="{{ asset_url }}" type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
title:{
text: "Fruits"
},
data: [//array of dataSeries
{ //dataSeries object
/*** Change type "column" to "bar", "area", "line" or "pie"***/
type: "column",
dataPoints: [
{ label: "banana", y: 18 },
{ label: "orange", y: 29 },
{ label: "apple", y: 40 },
{ label: "mango", y: 34 },
{ label: "grape", y: 24 }
]
}
]
});
chart.render();
}
</script>
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
<body>
<div id="chartContainer" style="height: 300px; width: 100%;">
</div>
</body>
所以问题是没有安装javascript库,因为它返回给我这个错误消息:
在编译模板期间抛出异常(“您必须将PreditBundle添加到assetic.bundle配置以使用PreditBundle中的{%javascripts%}标记:Default:test.html.twig。”)“PreditBundle:Default :test.html.twig”。
我尝试过的事情:
- 逐步执行页面“如何使用资产进行资产管理 - 使用控制台命令:assets:install and assetic:dump
谢谢你的回答
你必须在config.yml中添加你的包。
assetic:
bundle: [ PreditBundle ]
您为script
元素定义了scr
属性,而不是使用内联JavaScript代码? 要么:
<script src="..."></script>
要么:
<script> alert(123); </script>
此外, {% javascript %}
树枝块用于在一个步骤中渲染多个javascript资源。 不适用于内联和远程javascript文件。 像这样使用它:
your-template.html.twig :
{% javascript '@AcmeFooBundle/Resources/public/js/*' %}
<script src="{{ asset_url }}" type="text/javascript">
{% javascript %}
<script>
window.onload = function () {
// ...
</script>
此外,您需要在config.yml中添加您的包,因为@oumlaote已经说明了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.