在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已經說明了。

在symfony2中安裝Javascript

問題描述

2 個解決方案

解決方案1
1 已采納 2013-08-13 08:42:57

解決方案2
1 2013-08-13 08:49:05

在symfony2中安裝Javascript

問題描述

2 個解決方案

解決方案1 1 已采納 2013-08-13 08:42:57

解決方案2 1 2013-08-13 08:49:05

解決方案1
1 已采納 2013-08-13 08:42:57

解決方案2
1 2013-08-13 08:49:05