href not redirecting to corresponding page

I have a page with a couple navigation links in the following format, When i click on each of these links, they should redirect me to the corresponding jsp page..

How can i do this? Note that home, about and contact are jsp pages I have written..

Home
About Us
Contact
Testimonials
I am using AngularJS and JSP for the front end.

Currently, when I click on the links, the URL changes to the JSP page but the page doesn’t reload. I am not sure how I can solve this.

<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 -->

Source: AngularJS