AngularJS和Symfony2布线-FOSJsRoutingBundle_Angularjs_Symfony_Routing_Href

AngularJS和Symfony2布线-FOSJsRoutingBundle

angularjs symfony routing

AngularJS和Symfony2布线-FOSJsRoutingBundle,angularjs,symfony,routing,href,Angularjs,Symfony,Routing,Href,我正在用Symfony2和Angular JS做一个项目。我已安装FOSJsRoutingBundle用于路由目的。这是我的主页，我正在wamp服务器上做主页字罚款。您可以看到一个侧栏，其中包含一些链接，如太阳、星星、家庭等。。我的要求是，当我点击这些链接时，它应该使用angularjs路由，而不是默认路由。。我怎样才能做到这一点。。 my layout.html.twig <body ng-app="myApp"> <div class="cont

我正在用Symfony2和Angular JS做一个项目。我已安装FOSJsRoutingBundle用于路由目的。这是我的主页，我正在wamp服务器上做

主页字罚款。您可以看到一个侧栏，其中包含一些链接，如太阳、星星、家庭等。。我的要求是，当我点击这些链接时，它应该使用angularjs路由，而不是默认路由。。我怎样才能做到这一点。。 my layout.html.twig

<body ng-app="myApp">
        <div class="container">
            <!--Header Bar-->
            <div id="header"></div>
            <!--Side Bar-->
            <div id="sidebar">
                <ul class="sidebar-menu">
                    <li class="active treeview">
                        <a href="#">
                            <span>Home</span>
                        </a>
                    </li>
                    <li>
                        <a href="#sun">
                            <span>Sun</span>
                        </a>
                    </li>
                    <li>
                        <a href="#/stars">
                            <span>Stars</span>
                        </a>
                    </li>
                    <li>
                        <a href="#/planets">
                            <span>Planets</span>
                        </a>
                    </li>
                    <li>
                        <a href="#/moon">
                            <span>Moon</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!--Main Content-->
            <div id="content" ng-view>{% block body %}{% endblock %} </div>
        </div>
    </body>
    <!--Angular JS-->
    <script src="{{ asset('js/angular.js') }}"></script>
    <script src="https://code.angularjs.org/1.5.5/angular-route.js"></script>
    <script type="text/javascript">
        Routing.generate('_home_url');
    </script>
    <script>
        var app = angular.module('myApp', ['ngRoute']);
        app.config(['$routeProvider', function($routeProvider) {
            $routeProvider.
              when('', {templateUrl: Routing.generate('_home_url')}).
              when('/sun', {templateUrl: Routing.generate('_sun_url')}).
              otherwise({redirectTo: ''});
            }]);
    </script>

my config.yml

fos_js_routing:
    routes_to_expose: [ _home_url,_sun_url ]

请帮助我，我是symfony2和angularJS的新用户

您可以使用

ngHref

指令参见参考文献

<a ng-href="/sun"><span>Sun</span></a>

或者，您可以使用

角度

ngRoute

的替代品，您可以使用

ui-sref

指令查看链接参考您可以使用

ngHref

指令查看

<a ng-href="/sun"><span>Sun</span></a>

参考文献

<a ng-href="/sun"><span>Sun</span></a>

或者，您可以使用

替代角度

ngRoute

，您可以对链接使用

ui-sref

指令参见参考

链接未正常工作。。当我们将鼠标悬停在这些文本上时，它只是一个文本而不是一个链接。链接无法正常工作。。当我们将鼠标悬停在这些文本上时，它只是一个文本而不是一个链接。。

<a ng-href="/sun"><span>Sun</span></a>