javascript - Angular JS/Django REST 更改密码模块问题。浏览器干扰我的代码

Question

我是 angularJS 的新手。我使用 Django REST 框架作为我的后端 API，并尝试实现用户的密码更改。

我有一个表单，其中包含 2 个输入[密码]字段，一个用于当前密码，另一个用于新密码，以及一个按钮。

现在，只要我单击“提交”，浏览器就会弹出一个窗口，询问我“更改哪个用户的密码”。该列表是用我在浏览器中保存的用户及其密码制作的。

只有当我给输入字段类型=“密码”时才会发生这种情况，而不是当我给它一个类型=“文本”时才会发生。

有人可以帮忙吗？

这是我的 HTML View 。

 <form name="change_pass"  ng-submit="changePass(user)">
     <md-input-container class="md-accent md-hue-2">
        <md-icon class="material-icon">lock</md-icon>
        <input ng-model="user.currentPass" type="password" placeholder="Current Password" >
      </md-input-container>

      <md-input-container class="md-accent md-hue-2">
        <md-icon class="material-icon">lock</md-icon>
        <input ng-model="user.newPass" type="password"  placeholder="New Password" >
      </md-input-container>

      <md-button type="submit" class="md-raised md-primary">Submit</md-button>
</form>

这是我的 JS( Controller )

$scope.changePass = function(user){
        AuthService.changePassword(user);
}

这是我的 AuthService

Authorization.changePassword = function(user){
        var id = $cookies.get('user');
        var postData = {
            "newpassword": user.newPass,
            "username": id,
            "currentpassword": user.currentPass
        }
        $activityIndicator.startAnimating();
        $http({
            method: 'PUT',
            url: CHANGE_PASSWORD+id+'/',
            data: postData,
            headers: {'Authorization': 'Token ' + $cookies.get('token')}
        })
        .success(function(data, status, header, config){
            $activityIndicator.stopAnimating();
            toastr.success("Password Sucessfully changed!", " Security");
        })
        .error(function(data, status, header, config){
            $activityIndicator.stopAnimating();
            toastr.error("Your Password could not be changed", " Security");
        });
    }

问候

Answer 1

许多浏览器都会自动检测“标准登录名/密码”表单。当他们检测到此表单上的提交时，他们会显示这种对话框。

Angular 和 Django 不能真正为你做任何事情。您可以在这里找到回复:Disable browser 'Save Password' functionality