在symfony2中安装Javascript

Question

嗨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

谢谢你的回答

Answer 1

你必须在config.yml中添加你的包。

assetic:
    bundle: [ PreditBundle ]

Answer 2

您为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已经说明了。