Javascript 如何使用angular为我的项目创建登录页面？

我第一次使用angular.js，真的很困惑如何开始。非常感谢您提供任何建议和/或资源。 我试图创建登录页面，但现在我正在努力，我一直在研究，我没有赢。有谁能帮我做这个项目吗

人物模型

app.js

html

---

我现在不知道如何处理我的app.js代码。

我感觉你的帖子可能会被否决-你需要提到你被困的地方-我一直在研究，没有获奖不是一个有效的问题或问题。让我们知道您在登录过程的哪一步，您做了什么，您面临什么问题，我们可以提供帮助。@callmekatootie您可以检查升级的代码吗？然后您需要正确设置代码格式-更正缩进。顺便说一句，我对c不熟悉。但你到底被困在哪里了？此外，请检查您是否正在使用ng应用程序或手动引导初始化应用程序，以及您是否正在设置controllerok，这样才有意义；现在回到其他人最初的陈述。。。到底是什么不起作用？你有错误吗？您是否没有从服务器接收数据？您的服务器是否未从客户端接收数据？我们不容易猜测你可能认为是一个挑战，你还没有真正地问一个问题，只是陈述你感到困惑，你不知道如何进行。不知道如何进行是令人沮丧的，但实际上这不是一个问题。

public partial class Person1
{
    public int PersonID { get; set; }
    public string UserName { get; set; }
    public Nullable<int> UserAuthRoleId { get; set; }
}

public partial class Password
{
    public int BusinessEntityID { get; set; }    
    public string Password1 { get; set; }
    public int PersonID { get; set; }
}

   var Call23 = angular.module("Call23", ["ngResource", "ngRoute", 'ui.bootstrap']).
config(function ($routeProvider) {
    $routeProvider.
        when('/', { controller: LoginCtrl, templateUrl: 'login.html' }).


        otherwise({ redirectTo: '/' });
});

   Call23.factory("page", function($rootScope){
       var page={};
       var user={};
       page.setPage=function(title,bodyClass){
           $rootScope.pageTitle = title;
           $rootScope.bodylayout=bodyClass;
       };
       page.setUser=function(user){
           $rootScope.user=user;
       }
       return page;
   });

   var LoginController = function ($scope, $routeParams, $location, LoginFactory) {
       $scope.loginForm = {
           UserName: '',
           password: '', 
           returnUrl: $routeParams.returnUrl,
           loginFailure: false,
           loginSucess: false
       };


       $scope.login = function () {

           var result = LoginFactory($scope.loginForm.UserName, $scope.loginForm.password, $scope.loginForm.rememberMe);
           result.then(function (result) {
               if (result.success) {
                   if ($scope.loginForm.returnUrl !== undefined) {
                       $location.path('/');
                   }
                   else {
                       $location.path($scope.loginForm.returnUrl);
                   }
                   $scope.loginForm.loginSucess = true;
               } else {
                   $scope.loginForm.loginFailure = true;
               }
          });
     }
  }
var LoginFactory = function ($http, $q) {
return function (UserName, Password) 
    var deferredObject = $q.defer();
    $http.post(
       'login.html', {
            Email: UserName,
            Password: Password,
        }
    ).
    success(function (data) {
        if (data == "True") {
            deferredObject.resolve({ success: true });
        } else {
            deferredObject.resolve({ success: false });
        }
    }).
    error(function () {
        deferredObject.resolve({ success: false });
    });
    return deferredObject.promise;
}
}
LoginFactory.$inject = ['$http', '$q'];

<input id="UserName" type="text" class="form-control" name="UserName" data-ng-model="vm.userName" placeholder="username or email">

<input id="Password" type="password" class="form-control" name="Password" placeholder="password" data-ng-model="vm.password">