如何使用＃！正确使用ngRoute！

Question

我在Login.cshtml中有这个

<ImageBackground>
 <View>
  ... Statusbar stylings
 </View>
 {this.props.children}
</ImageBackground>

并改变视图我有这个：

<div class="contact-widget" data-loader="button">
    <div ng-view>

    </div>
</div>  

在我的app.js中，我有这个：

<ul class="one-page-menu">
    <li class="current"><a href="#!/Login/CreateAccount"><div>Create Account</div></a></li>
    <li><a href="#!/Login"><div>Login</div></a></li>
</ul>

这是在我的控制器中查看登录

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" });
}])

当我点击“登录”链接查看登录表单时，我会在网址public class LoginController : Controller { // GET: Login public ActionResult Login() { return View(); } } 中看到此内容，当我点击“创建帐户”链接时，我会看到http://localhost:18223/Login/Login/#!/Login 但我可以看到视图的变化。我的问题是;对于loginview和createaccount视图，如何使Url变为此http://localhost:18223/Login/Login/#!/CreateAccount