尽管我同意@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标记(或您需要的任何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 %}
在Symfony项目中使用AngularJS的最简单方法是手动下载AngularJS库,将其放在web目录中,并将其链接base.html.twig到javascripts块中:
{% block javascripts %}
<script src="{{ asset('angular/angular.min.js') }}"></script>
{% endblock %}
请记住包含该data-ng-app指令.
| 归档时间： |
|
| 查看次数： |
1560 次 |
| 最近记录： |