2017-12-18 4 views
0

Ich habe eine Seite mit ein paar Navigationslinks im folgenden Format, wenn ich auf jedem dieser Links klicken, sie mich an die entsprechenden jsp Seite umleiten sollte ..href nicht auf entsprechende Seite umleiten

Wie kann ich mach das? Beachten Sie, dass zu Hause, über und Kontakt sind jsp Seiten, die ich geschrieben habe ..

Startseite Über uns Kontakt Testimonials Ich bin AngularJS und JSP für das Frontend verwendet wird.

Derzeit, wenn ich auf die Links klicke, ändert sich die URL auf die JSP-Seite, aber die Seite wird nicht neu geladen. Ich bin mir nicht sicher, wie ich das lösen kann.

<div id="navbar" class="collapse navbar-collapse"> 
    <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="aboutus">About Us</a></li> 
     <li><a href="contact">Contact</a></li> 
     <li><a href="testimonials">Testimonials</a></li> 
    </ul> 
    <form class="navbar-form navbar-right"> 
     <ul class="nav navbar-nav"> 
      <li><a href="/login">login</a></li> 
     </ul> 
    </form> 
</div><!--/.nav-collapse --> 
+0

Verwenden Sie 'angular-router' oder' ui-router'? Vielleicht könnte ein Problem sein, wenn Sie die Back-End-und Front-End-Routing mischen ... –

+0

Ich bin nur Routing mit dem href-Tag. Wenn Sie auf einen Link klicken, zum Beispiel "Über uns", wird der Link geändert, aber die Seite spiegelt die Änderung nicht wider .. –

Antwort

0

Wenn sich der Link ändert, bedeutet dies, dass die Anfrage gestellt wird. Dies kann auch über die Browser-Konsole überprüft werden. Fügen Sie den Debugger in den Controller-Code ein und prüfen Sie, ob die Anfrage von ihm empfangen wurde.

0

Wenn Sie diese Frage stellen, gehe ich davon aus, dass alle Ihre Code funktioniert und korrekt im Browser angezeigt wird und alles funktioniert Auszug Links.

Wenn Sie also den HTML 5-Modus aktivieren, sollten alle URLs mit # beginnen! Präfix. Zum Beispiel #!/Login in Ihrem Fall.

Wenn HTML 5 deaktiviert ist, sollte #/login funktionieren.

Verwandte Themen