如何使用AngularJS和MVC5(ASP.NET Identity）加载部分登录和注册视图

我正在尝试使用MVC5、ASP.NET Identity和Angular构建一个具有登录/注册功能的SPA。我对网络开发和几乎所有的网络技术都很陌生。在大量阅读HTML、JavaScript、CSS和Angular之后，我决定一个好的起点是Visual Studio中的单页应用程序模板。尽管这个模板已经为我提供了完整的登录和注册功能，但它使用Knockout进行数据绑定和视图路由。我需要使用AngularJS来完成此操作。到目前为止，我已经使用$http Angular服务调用了AccountController中的API方法。我按如下方式登录：

  var config = {
                method: 'POST',
                url: http://localhost:52091/token,
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                data: 'grant_type=password&username=' + username + '&password=' + password,
            };
            var userData = {
                isAuthenticated: false,
                username: '',
                bearerToken: '',
                expirationDate: null,
            };
            function setHttpAuthHeader() {
                $http.defaults.headers.common.Authorization = 'Bearer ' + userData.bearerToken;
            }
            $http(config)
                .success(function (data) {
                    userData.isAuthenticated = true;
                    userData.username = data.userName;
                    userData.bearerToken = data.access_token;
                    userData.expirationDate = new Date(data['.expires']);
                    $http.defaults.headers.common.Authorization = 'Bearer ' + userData.bearerToken;
                    if (typeof successCallback === 'function') {
                        successCallback();
                    }
                })
                .error(function (data) {
                    if (typeof failedCallback === 'function') {
                        if (data.error_description) {
                            failedCallback(data.error_description);
                        } else {
                            failedCallback('Unable to contact server; please, try again later.');
                        }
                    }
                });

首先，我不能100%确定为什么这是有效的，以及它是否是正确的登录方式，但它似乎是有效的。这里的任何解释都将不胜感激，但这不是这个问题的主要目的。其次，我调用register方法如下：

// Registration
        service.register = function (username, password, confirmPassword, successCallback, failedCallback) {
            var config = {
                method: 'POST',
                url: 'api/account/register',
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                data: 'username=' + username + '&password=' + password + '&confirmPassword=' + confirmPassword,
            };
            var userData = {
                isAuthenticated: false,
                username: '',
                bearerToken: '',
                expirationDate: null,
            };
            function setHttpAuthHeader() {
                $http.defaults.headers.common.Authorization = 'Bearer ' + userData.bearerToken;
            }
            $http(config)
                .success(function (data) {
                    userData.isAuthenticated = true;
                    userData.username = data.userName;
                    userData.bearerToken = data.access_token;
                    userData.expirationDate = new Date(data['.expires']);
                    $http.defaults.headers.common.Authorization = 'Bearer ' + userData.bearerToken;
                    if (typeof successCallback === 'function') {
                        successCallback();
                    }
                })
                // Handle errors properly
                .error(function (data) {
                    if (typeof failedCallback === 'function') {
                        if (data.error_description) {
                            failedCallback(data.error_description);
                        } else {
                            failedCallback('Unable to contact server; please, try again later.');
                        }
                    }
                });
        }

这会调用AccountController上的Register方法：

 // POST api/Account/Register
    [AllowAnonymous]
    [Route("Register")]
    public async Task<IHttpActionResult> Register(RegisterBindingModel model)
    {
        if (!ModelState.IsValid) {
            return BadRequest(ModelState);
        }
        IdentityUser user = new IdentityUser {
            UserName = model.UserName
        };
        IdentityResult result = await UserManager.CreateAsync(user, model.Password);
        IHttpActionResult errorResult = GetErrorResult(result);
        if (errorResult != null) {
            return errorResult;
        }
        return Ok();
    }

这一切都很好。我可以注册一个新用户并登录。现在，我想在我的"登录"answers"注册"视图之间配置两个路由，以便在它们之间切换，并在必要时加载正确的视图，即Login.cshtml视图将有一个"注册"链接，单击该链接时，应加载register.chtml视图，反之亦然。我在app.js:.中定义了一个新的路由，尝试了这个方法

angular.module('Authentication', []);
angular.module('Home', []);
angular.module('BasicHttpAuthExample', [
    'Authentication',
    'Home',
    'ngRoute',
    'ngCookies'
])
.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $routeProvider
        .when('/register', {
            controller: 'RegisterController',
            templateUrl: 'Home/Register',
        })
    .when('/login', {
        controller: 'LoginController',
        templateUrl: 'Home/Login',
    });
}])

如果我有一个带有2个ActionResult方法的HomeController，这就行了。一个用于注册，一个用于登录。只是，当我创建一个新的单页应用程序时，项目似乎不是这样设置的。它给我的只是一个空的家庭控制器。Register方法存在于Account API控制器中，并且任何地方都没有Login方法。_Register和_Login视图都是局部视图。这给我带来了完全的困惑，因为我仍然习惯于控制器中的每个ActionResult方法，该方法具有链接到它的相应视图

有人知道我如何用Angular加载局部视图吗？