AngularJS und Symfony2 Routing - FOSJsRoutingBundle

Ich mache ein Projekt in Symfony2 und Angular JS. Ich habe FOSJsRoutingBundle für Routing-Zwecke installiert. Dies ist meine Homepage - http://localhost/stars/admin/ und ich mache in Wamp Server.AngularJS und Symfony2 Routing - FOSJsRoutingBundle

home page

Startseite Wort in Ordnung. Sie können eine Seitenleiste sehen, die einige Links wie Sonne, Sterne, Haus usw. enthält. Meine Anforderung ist, wenn ich auf diese Links klicke, sollte es angularjs Routing, nicht die Standard-Routing .. Wie kann ich das erreichen .. meine 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>

mein routing.yml

# app/config/routing.yml 
fos_js_routing: 
    resource: "@FOSJsRoutingBundle/Resources/config/routing/routing.xml" 

_home_url: 
    pattern: admin/ 
    defaults: { _controller: AppBundle:admin/index:list } 
    options: 
     expose: true 

_sun_url: 
    pattern: admin/sun 
    defaults: { _controller: AppBundle:admin/sun:index } 
    options: 
     expose: true

mein config.yml

fos_js_routing: 
    routes_to_expose: [ _home_url,_sun_url ]

Bitte helfen Sie mir, ich bin neuer Benutzer in Symfony2 und AngularJS ..

Quelle

2016-05-26 reb

Sie ngHref Direktive sehen können this Referenz

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

Alternativ Sie ui-router alterativ für Winkel ngRoute verwenden können, und Sie können ui-sref verwenden Richtlinie für die Links siehe this Referenz

Quelle

2016-05-26 07:44:07 RxV

Link funktioniert nicht richtig frnd .. Wenn wir die Maus auf diese Texte halten, ist es ein Text kein Link .. – reb

AngularJS und Symfony2 Routing - FOSJsRoutingBundle

Antwort

Verwandte Themen