javascript - angularjs 记住我的功能

Question

我正在尝试使用 angularjs 记住我的功能，但我的电子邮件 ID 是当我点击记住我时存储在 cookie 中，当我尝试登录时存储在 cookie 中重新登录，我的邮件 ID 应该存储在用户名字段中，但它没有显示下面的问题可能是我的代码

HTML:

<div class="checkbox" style="margin-bottom: 0px;">

    <label>
        <input  ng-checked="rememberMe"  ng-click="rememberMe1();" type="checkbox"> Remember me
    </label>

    <div class="modal-footer">

        <div>
            <button type="submit" ng-click="submitLogin()" class="btn btn-primary btn-lg btn-block">Login</button>
        </div>

        <div>

我的 Angular Controller :

$scope.loginDetails = {
    "email": "",
    "username": "",
    "password": "",
};

};

$scope.rememberMe1 = function () {
    $cookies.put("emailId", $scope.loginDetails.email);
};

$scope.submitLogin = function () {
    var emailId = $cookies.get("emailId"); ``
    $scope.loginDetails.email = emailId;
})

}); ``

};

Answer 1

我相信你的代码有很多错误，它甚至不会运行 try console.log()

本地存储解决方案

首先在你的服务文件中添加Ls服务

App.factory("LS", function($window, $rootScope) {
    return {
        setData: function (key , val) {
            $window.localStorage && $window.localStorage.setItem(key , val);
            return this;
        },
        getData: function (key) {
            return $window.localStorage && $window.localStorage.getItem(key);
        }
    };
});

在你的文件 login.js 中添加这段代码
添加服务LS

var myMail = LS.getData('emailId');
    $scope.loginDetails={
        "email":"",
        "username":"",
        "password":""
    };
    $scope.rememberMe1 = function () {
        LS.setData("emailId", $scope.loginDetails.email);
    };
    $scope.submitLogin=function(){
        $scope.loginDetails.email = myMail;
    };