-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

相关问题