Javascript AngularJS用户登录到Json文件_Javascript_Html_Angularjs_Json

Javascript AngularJS用户登录到Json文件

javascript html angularjs json

Javascript AngularJS用户登录到Json文件,javascript,html,angularjs,json,Javascript,Html,Angularjs,Json,我目前正在尝试创建一个用户登录页面，其中用户信息存储在json文件中。我已经为文件创建了我的GET方法，但在用户成功登录后，我似乎无法重定向。你能帮我吗我知道在客户端进行用户登录和验证是一个坏主意，但这正是我想要的方式，不需要使用数据库以下是我的HTML代码： <body ng-controller="myCtrl"> <form id="login-form"> <h3>User Login</h3>

我目前正在尝试创建一个用户登录页面，其中用户信息存储在json文件中。我已经为文件创建了我的GET方法，但在用户成功登录后，我似乎无法重定向。你能帮我吗

我知道在客户端进行用户登录和验证是一个坏主意，但这正是我想要的方式，不需要使用数据库

以下是我的HTML代码：

<body ng-controller="myCtrl">
    <form id="login-form">
            <h3>User Login</h3>
                   <div class="form-group">
                    <label for="email">Email address:</label>
                    <input type="email" class="form-control" id="email">
                    </div>

                  <div class="form-group">
                    <label for="pwd">Password:</label>
                    <input type="password" class="form-control" id="pwd">
                  </div>
                  <button type="submit" class="btn btn-default" id="login-button" ng-click="LogOn()">Login</button>
        </form>
</body>

我的JSON文件：

[
    {
        "email":"something@yahoo.com",
        "Password":"password"
    },
    {
        "email":"test@yahoo.com",
        "password":"test999"
    },
    {
        "email":"xxx@mail.xx",
        "password":"xxx"
    }
]

显然

if

的bellow必须在

中，然后（

回调）

if (data.email == email && data.password == password) {
   window.location.href = 'www.google.com';
}

然后把重定向代码放进去

$http.get('data.json').then(function(data){
          $scope.users = data;
          if (data.email == email && data.password == password) {
            window.location.href = 'www.google.com';
          }   
});

请尝试打开链接，检查并运行w3学校部署的代码

您可能需要查看ngRoute或ui.router.Uncaught ReferenceError:赋值中的左侧无效-

如果（data.email==email）&&（data.password=password）

是，但检查代码是否首先运行是给出实际工作答案的一个重要部分。感谢您将数据数组与两个字符串进行比较。如果您想进入if堆栈，您需要循环用户并匹配每个用户和密码。

$http.get('data.json').then(function(data){
          $scope.users = data;
          if (data.email == email && data.password == password) {
            window.location.href = 'www.google.com';
          }   
});