How to properly use the ngRoute using the #! - angularjs

Question

I have this in my Login.cshtml
<div class="contact-widget" data-loader="button">
<div ng-view>
</div>
</div>
and to change the view I have this:
<ul class="one-page-menu">
<li class="current"><div>Create Account</div></li>
<li><div>Login</div></li>
</ul>
in my app.js, I have this:
app.config(["$routeProvider", function($routeProvider) {
$routeProvider
.when("/Login", {
templateUrl: "/Partials/LoginPartial.html",
controller: "LogInController"
})
.when("/CreateAccount", {
templateUrl: "/Partials/CreateAccountPartial.html",
controller: "CreateAccountController"
})
.otherwise({ redirectTo: "/Login" });
}])
this is in my controller to view the login
public class LoginController : Controller
{
// GET: Login
public ActionResult Login()
{
return View();
}
}
When I click on the Login link to view the login form I get this in the Url http://localhost:18223/Login/Login/#!/Login and when I click the createaccount link I get this http://localhost:18223/Login/Login/#!/CreateAccount
but I can see the view change. My problem is; how do I make the Url get to be like this http://localhost:18223/Login/Login for both loginview and createaccount view