TL; DR

Question

我在已创建的symfony中安装角度时遇到问题有文档或教程吗？感谢

Answer 1

尽管我同意@Claies，但我仍然为您提供了一个如何在Symfony应用程序中集成AngularJS的简单示例。我使用Linux，我使用symfony命令安装symfony项目，并且我使用bower来安装我的第三方前端库。您可以使用您喜欢的任何内容，但这些内容可能与您使用它们的方式不同。

1）安装新的Symfony项目（如果你还没有），使用：

$ symfony new project_name version_number

2）在根目录中，创建一个新的.bowerrc文件，编写要安装angularjs的目录：

{
    "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脚本，并将ng-app（或data-ng-app）放入html {1}}标记（或您需要的任何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目录中，并将其链接到base.html.twig javascripts中块：

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

请记住包含data-ng-app指令。

如何在symfony2项目中添加angularjs

1 个答案:

TL; DR