Symfony 2项目中的Angularjs模板

时间:2014-11-30 14:53:02

标签: php angularjs twitter-bootstrap symfony

我试图在symfony 2项目中使用bootstrap主题angularjs;我有一个管理gui捆绑,所以我有以下情况:

Resources
    |
    |------public
    |         |
    |         |----css
    |         |      | ...
    |         |
    |         |----js
    |              |---- angular.js
    | 
    |------views

此主题使用两个angularjs模板(template1.html,template2.html)。 配置symfony以使用此主题的最佳方法是什么?

2 个答案:

答案 0 :(得分:2)

经过一些测试,我找到了解决问题的方法。我认为在symfony包中使用angular.js模板的好方法是将模板放在bundle资源/公共路径下,然后使用输出参数控制从assetic生成的输出名称。 例如:

Resources
    |
    |----public
    |       |
    |       |-----css
            |
            |-----js
            |
            |-----templates
            |         |
                      |-----dashboard.html

并在树枝模板中:

{% javascripts '@AdminBundle/Resources/public/templates/dashboard.html' output='admin/templates/dashboard.html'%}
{% endjavascripts %}

如此引人注目的资产:

php app/console assetic:dump

它将在web / templates目录下生成angularjs模板(dashboard.html)。

通过这种方式,角度模板不受树枝模板引擎的控制,在某些情况下,这一点可能是有利的。我不知道这是否是我问题的最佳解决方案,但是因为它与angular.js和symfony逻辑一致。

答案 1 :(得分:-1)

将Angular模板文件直接放到您的web目录中,因为它们不需要由twig呈现。

至于路由,我知道您希望将路由留给AngularJS,因此只需创建一个symfony控制器,它会为任何给定的URL呈现索引页,如下所示:Angular one page site dont work properly when enables $locationProvider.html5Mode(true);