-4

我在symfony中安裝角度時遇到問題有沒有文檔或教程？謝謝如何在symfony2項目中添加angularjs

2016-12-31 user7360121

問題要求我們推薦或找到一本書，工具，軟件庫，教程或其他非本地資源，因爲它們傾向於吸引自以爲是的答案和垃圾郵件，所以不適合堆棧溢出。相反，請描述問題以及到目前爲止解決問題所做的工作。 – Claies

@在主題問題上，我們得到了Dan的一個很好的答案。 – eddy147

儘管我同意@Claies，但我仍然爲您提供了一個簡單的示例，說明如何將AngularJS集成到Symfony應用程序中。我使用的是Linux，我使用symfony命令安裝symfony項目，並且我使用bower來安裝我的第三方前端庫。你可以使用你想要的任何東西，但這些可能會因你使用它們的方式而有所不同。在根目錄

$ symfony new project_name version_number

2），創建一個新的文件.bowerrc，書寫要在其中angularjs目錄：

1）利用安裝新的Symfony工程（如果您還沒有一個）要安裝：

{ 
    "directory":"web" 
}

3）創建bower.json文件，通過：

$ bower init

4）安裝angularjs（沒必要1.5.8，安裝你想要的任何版本）：

$ bower install --save angular#1.5.8

5）包括angular.min.js腳本base.html.twig文件（或者你喜歡的任何其他文件），以及地方里面html標籤ng-app（或data-ng-app）（或任何HTML標記你需要）

<!DOCTYPE html> 
<html data-ng-app> 
... 
{% block javascripts %} 
    <script src="{{ asset('angular/angular.min.js') }}"></script> 
{% endblock %}

6）開始使用angularjs。例如（假設你已經有了一個Symfony的路線，並且呈現page.html.twig模板控制器）：

# app/Resources/views/default/page.html.twig 
{% extends 'base.html.twig' %} 
{% block body %} 
    {% verbatim %} 
     {{ 'This is angularJS code!' }} 
    {% endverbatim %} 
{% endblock %}

TL; DR

使用Symfony的項目中AngularJS會下載，手動的最簡單的方法，在AngularJS庫，將其放置在web目錄，並在javascripts塊base.html.twig其鏈接：

{% block javascripts %} 
    <script src="{{ asset('angular/angular.min.js') }}"></script> 
{% endblock %}

請記住，包括data-ng-app DIRECTI五個。

來源

2016-12-31 11:16:12

如何在symfony2項目中添加angularjs

回答

TL; DR

相關問題